Cara Membuat Read More Otomatis di Blog

Sebelumnya saya telah share membuat read more yang sederhana tanpa javascript, namun kendala dari cara sebelumnya yaitu bagi sobat blogger yang sudah terlanjur mempunyai banyak postingan pasti akan lelah karena harus melakukannya secara manual.


maka kali ini saya akan share cara membuat read more tersebut secara otomatis. Otomatis disini maksudnya kita tidak usah mengedit artikel kita satu persatu untuk memeberi readmore. Oke langsung saja begini caranya.


ScreenShot

Sebelum melakukan cara ini sebaiknya membackup dulu template anda dengan masuk ke Template - Cadangkan/Pulihkan - Lalu unduh template lengkap (diingat ya sob tempat template anda tadi diunduh buat jaga-jaga kalau terjadi kesalahan saat mengedit)



1. Masuk ke Template - Edit HTML
2. Seperti biasa centang Expand Template Widget
3. Lalu cari </head> buat mempermudah pencarian ketik ctrl+F
4. Setelah ketemu, dibawah kode </head> tadi letakkan kode berikut
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

5. Lalu cari <data:post.body/>  atau kalau tidak ada cari yang ini <p><data:post.body/></p> ..jika ditemukan 2 kode pilih yang pertama sob.
6. Kemudian replace/hapus kode <data:post.body/> atau <p><data:post.body/></p> dengan kode dibawah ini,, 
<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'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
7. Lalu klik pratinjau/preview dulu untuk melihat hasilnya, jika sukses Save template... 


Selesai sob dan lihat hasilnya.. hehe..
Mau cara yang lebih sederhana????? KLIK disini

Jangan lupa di share ya :)

Artikel Terkait:

2 komentar:

Eko Kusmiran said...

Thank berat gan.....

Mang uem said...

Thanks sudah berbagi ilmunya, sukses selalu...

Post a Comment - Kembali ke Konten

Silakan tinggalkan komentar Anda mengenai artikel ini. Terimakasih

Related Posts Plugin for WordPress, Blogger...
 

HiStats Info