Cara Membuat Read More 100% Tested

Cara membuat Read More kali ini ampuh, biasanya ada script-script lain yang tidak bekerja, namun dengan script yang saya sediakan ini pasti bisa dan costumizeable :) silahkan dibaca dan di apply caranya,,

1. Login ke dashboard, dan masuk ke akun blogger anda

2. Pilih Template dan klik Edit HTML

3. Jangan lupa centang Expand Widget Template

4. Cari kode </head> (untuk mempermudah pencarian kode HTML tekan CTRL + F)

5. Tambahkan atau sisipkan kode dibawah ini tepat diatas kode </head>

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

Bila ingin costumize ukuran, banyak kata yang ditampilkan atau thumbnail nya, silahkan edit bagian script dibawah ini sesuai keinginan.

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar

summary_img = 340; adalah tinggi potongan artikel dengan gambar

img_thumb_height = 100; adalah ukuran tinggi thumbnail

img_thumb_width = 120; adalah ukuran lebar thumbnail

6. Next step cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script di bawah 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'>&#187;&#187;&#160;&#160;READMORE...</a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

7.And final touch untuk kata " READ MORE " bisa diganti sesuai dengan selera anda.

Setelah dipastikan semua sudah terpasang dengan benar langkah selanjutnya adalah simpan template dan coba lihat hasilnya.