Cara Membuat Tulisan Read More (Versi 1)

Bagi Blogger pemula mungkin akan bertanya-tanya bagaimana caranya agar posting kita bisa terpotong oleh tulisan "selanjutnya" dan akan mengarah ke halaman tunggal. Berikut ini adalah caranya

1. Masuk ke blogger
2. Klik Layout>Edit HTML, kemudian centang ktak Expand Tempalte Widgets
3. Cari kode </head>, biar lebih mudah tekan Ctrl+F lalu copy paste kan kode tersebut
4. Terus copy patekan kode berikut sebelum </head>

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


5.Selanjutnya cari kode berikut

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

6. Kalo ga ketemu, pada kotak yang muncul di bawah sebelah kiri tempet mencari kode tadi hapus perlahan-lahan dari belakang sampai ketemu kodenya. Kalo sudah ketemu lihat apa sudah mirip ato belum, kalo belum klik next

7. Kalo udah ketemu, di bawahnya ada kode

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

8. Trus di bawahnya ada kode seperti ini

<p><data:post.body/></p>

9.Copy pastekan kode berikut di bawahnya

<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);'>[+/-] Selanjutnya...</a></p> </span> <script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script> </b:if>

10.Jadi keseluruhan kodenya akan 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);'>[+/-] Selanjutnya...</a></p> </span> <script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script> </b:if>

11. Tulisan "Selengakapnya" dan "Selanjutnya" bisa kamu ganti sesuka hati kamu

12.Simpan template

13.Pilih menu Setting>Formatting

14.Di bagian bawah ada kotak yang bertuliskan Post Template

15 Isikan kode berikut didalamnya

<span id="fullpost"> </span>

Nah selesai deh. Kalo kamu pengen postingan kamu terpoong oleh tulisan Selengkapnya atau selanjutnya Tulis pstingan kamu yang akan tampak di halaman awal, lalu sisanya tuliskan diantara kode

<span id="fullpost"> </span>

Selamat mencoba

Related post by Category