Welcome to kocomon.blogspot.com
go to my homepage
Go to homepage

Sabtu, 17 September 2011

Membuat Read More Otomatis di Blog

Postingan kali ini saya bakalan kasih tau anda bagaimana cara "Membuat Read More Otomatis di Blog", apa bedanya ama read more otomatis biasa..?? ini yang keren... kita ga perlu lagi ngedit HTML postingan kita lagi, ga perlu repot-repot ngetik bahasa HTML yang  rumit, dan denga adanya readmore otomatis ini postingan blog kita bakalan lebih rapi.
Otree... lanjut menn....

Langkah 1.
Login ke blogger

Langkah 2.
Pilih Rancangan > Edit HTML.

Langnkah 3.
Jangan lupa centang kotak Expand Widget Template.

Langkah 4.
Cari kode </head>, lebih gampangnya cari kode klik Ctrl+F.
Trus paste kode dibawah ini di bawah kode </head>

<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://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/> 

Langkah 5.
Trus cari kode berikut <data:post.body/> atau <p><data:post.body/></p> 

Langkah 6.
ganti kode diatas menjadi kode berikut:

<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'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 


 Keterangan:
Kode berwarna merah dapat anda ganti sesuka anda
- Summary noimg 430 = tinggi artikel terpotong tanpa Gambar
- Summar img 430 = tinggi artikel terpotong dengan gambar
- Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

Langkah 7.
Ini langkah yang paling simple, cuman klik SAVE.
selese dah.....

coba cek blog anda sekarang,, ada yang berubah..??

Selamat testing testing ya....  :)

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...

Sang Blogger

  © Free Inspiration Blog My Blog by RAInDY Blog

Back to TOP