Cara Membuat Auto Read More & Manual Read More Di Blogspot

Read More atau biasa juga di sebut Baca Selengkapnya. dengan widget ini, blog anda aka kelihatan bagus, menarik dan tidak membuat pusing para pembaca blognya. dalam Read More ini, saya menyediakan Auto Read More dan Manual Read More. Di trik Read more yang auto ini, kita akan membuat link Read more yang jika kita meng-klik link tersebut, maka keseluruhan artikel akan terpampang dibawahnya secara auto. dan Di Trik Read More yang manual ini, kita akan membuat link Read more yang jika kita meng-klik link tersebut, maka keseluruhan artikel akan terpampang dibawahnya secara manual. dari pada nunggu lama gininih cara membuatnya :

Auto Read More

Langkah - langkahnya :

1. Login ke Blogger
2. Pilih Template ==> Edit HTML
3. Kamu mau memback-up template kamu dulu nggak?, kalo iya klik kanan, select all, copy dan pastekan di notebook.
4. Beri tanda centang pada kotak yang bertuliskan Expand Template Widget
5. Copy / Paste kode berikut ini dan taruh tepat diatas kode </head>

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

6. Kalau sudah cari kode di bawah ini

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

7. Nha dibawahnya kan ada kode gini <div class='post-body entry-content'> Nah ganti kode tersebut menjadi seperti ini:

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

8. Terus dibawahnya kan kan ada kode gini <p><data:post.body/></p>
9. 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>

10. 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>

11. Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka.
12. Lalu simpan .
13. Pilih menu Post
14. 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>

15. Simpan dan lihat hasilnya.

Note : kalo memposting pilih yang "Edit Html", letakkan abstraksi 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>

Manual Read More

Langkah - langkahnya :

1. Login Blogger
2. Pilih Tambah Entri
3. Isi Postinganmu
4. Klik kata - kata yang ingin kamu bataskan.
5. Klik Insert jump break ( di sebelah Insert a Video )
6. Publikasikan dan lihat hasilnya

 

Tweet