Readmore Versi Baru 9

Read More Versi 2 ni maksudnya jika kita meng-klik link tersebut, maka keseluruhan artikel akan langsung terlihat dibawahnya,jadi tidak akan membuka halaman baru. kalau Read More Versi 1 itu akan membuka halaman baru yang membutuhkan loading tapi keunggulanya readmore ini akan menampilkan kotak komentar kalau Versi 2 tidak akan menmpilkan kotak komentar seingatku ce..... geto ya maap k'lo salah.

Ni langkah-langkah yang harus dijalani You must read carefully cie....cie... kumat lagi ni ye....

1. Login ke Blogger
2. Pilih Layout --> Edit HTML
3. Kamu harus backup template dulu biar k'lo salah g' bingun n' g' nyalahin q, caranya klik tulisan Download Template lalu simpan.
4. Beri tanda centang pada kotak yang bertuliskan Expand Template Widget paan ce tuh? q jawab ya, lho koq tanya n' di jwb sendiri ce he...3 tu fungsinya k'lo g' salah buat nampilin semua kode HTML template kamu yang di Hidden.
5. Copi kode berikut ini dan taruh tepat diatas kode </head>

<script src='http://kendhin.890m.com/Readmore.js'
type='text/javascript'/>

6. Gampang kan tapi tu baru awalnya liat yang ne!!!!
7. K'lo udah cari kode dibawah ini

<div class='post-header-line-1'/>

8. Trus dibawahnya kan da ni <div class='post-body entry-content'> ganti kode tu sama ne:

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>

9. And then you must Find this code <p><data:post.body/></p> dibawahnya kode diatas tu lho
10. Tembahkan kode ini dibawahnya.

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

11. jadi seluruh kodenya akan menjadi seperti ini :

<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

12. Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka.
13. Lalu simpan template.
14. Pilih menu Setting -->> Formatting
15. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

<span id="fullpost">


</span>

n' kalo posting pilih yang "Edit Html", letakkan posting yg akan ditampilkan di halaman muka di atas kode <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span id="fullpost"> dan </span>

Trus buat LK mania yang udah pakek Readmore lama cara ganti ke readmore baru gini

'Read more' yang lama kan kodenya seperti ini :

<div class='post-header-line-1'/>
<div class='post-body entry-conten'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>

hapus text yang berwarna Hitam, lalu ikuti langkah-langkah diatas.
oh ya jangan lupa ikuti langkah berikut ini
1. Pilih menu Setting -->> Formatting
2. Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting.

<span id="fullpost">


</span>

3. Untuk kode Readmore yang dulu tulisan id adalah class so kamu harus ganti semua kode Redmore yang lama ma yang baru.

4. Selesai deh cukup melelahkan aduh... capek.

Artikel Lainnya Yang Lebih Menarik:

Jika Anda ingin artikel Readmore Versi Baru dikirim ke email anda, Silahkan masukan alamat email anda untuk berlangganan.

JANGAN LUPA CEK EMAIL ANDA UNTUK VERIFIKASI BERLANGGANAN VIA EMAIL

Penulis :  Dodik Gaghan | BLOG : InfocusNine [Be Your Best Partner]
InfocusNine menyediakan informasi dan tutorial buat anda yang ingin belajar blogging, design, internet, dsb. Silahkan Copy/Paste tapi cantumkan link kami.