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.
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)
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,,
Selesai sob dan lihat hasilnya.. hehe..
Mau cara yang lebih sederhana????? KLIK disini
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 = "no-float" ; 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 != "item"'>7. Lalu klik pratinjau/preview dulu untuk melihat hasilnya, jika sukses Save template...
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</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 == "item"'><data:post.body/></b:if>
Selesai sob dan lihat hasilnya.. hehe..
Mau cara yang lebih sederhana????? KLIK disini
Thank berat gan.....
ReplyDeleteThanks sudah berbagi ilmunya, sukses selalu...
ReplyDelete