Selasa, 06 Agustus 2013

Cara Membuat Read More Pada Blog, Blogspot, Blogger Otomatis

Cara Membuat Widget Read More Otomatis Di Blogspot
Salah satu cara membuat widget read more otomatis di Blogspot yang menurut saya yang paling bagus adalah yang akan saya lampirkan kode script widgetnya di bawah ini. Pasalnya? Ya, setelah saya lama mencari-cari kode script yang cocok untuk dipasangkan di template ini, serta sudah banyak kali copot pasang tetapi selalu tidak berhasil, akan tetapi yang ini berhasil. :-) Buktinya, kamu bisa lihat tampilan blog ini pada homepage nya.
Pada tampilan default homepage, artikel-artikel yang terpublish akan terpampang memanjang ke bawah. Berkat adanya widget readmore otomatis Blogspot yang satu ini, tampilan blog ini sudah kelihatan lebih rapi dan enak dipandang.
Nah, untuk memasang widget read more ini pun tidak terlalu sulit. Seperti biasa, kamu harus melakukan Login di Blogger, setelah itu pilih blog yang ingin kamu tambahkan widget read more kemudian pilih menu Template. Pilih Edit HTML...
Langkah selanjutnya adalah cari kode <data:post.body/>   dan hapus lalu ganti kode tersebut dengan kode yang ada di bawah ini. Perhatikan, kode script <data:post.body/> dalam sebuah template,terdapat dua kode script yang seperti ini. Dan pada template blog yang ini, kode scrip <data:post.body/> yang saya gantikan adalah yang kedua.
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'> <b> readmore</b> &#187;&#187;&#160;&#160; </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>


Setelah selesai, kamu bisa mencoba mengklik Pratinjau untuk melihat hasil editannya. Dan jika berhasil, kamu bisa menyimpan hasil editannya dengan mengklik Simpan Template. Tulisan readmore warna merah diatas bisa diganti tulisan sesukamu misal : baca selanjutnya atau yang lainnya.
Selamat mencoba dan semoga berhasil ya......

Eits jangan lupa komentarnya ya..... :)
:: Dari berbagai sumber

Tidak ada komentar: