Cara membuat Readmore otomatis keren

   Membuat readmore, memang perlu supaya, postingan di blog anda terlihat lebih rapi. Sebenarnya, membuat readmore sendiri juga bisa. Tapi, akan lebih tertata rapi jika menggunakan readmore otomatis.

  Bila anda menggunakan readmore otomatis versi-ini, anda bisa mendesain sendiri tombol readmorenya. Menarik bukan? Yuk langsung aja ke langkah - langkahnya.


1. Sign in blog
2. Template
3. Edit HTML->Procced/Lanjutkan -> Centang Expand Template Widget.
4. Cari kode </head> gunakan CTRL+F.
5. Letakkan kode dibawah ini, tepat dibawah 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 scr='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>


KETERANGAN
-----------------------


1. Kode summary_noimg = 430 apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf.


2. Kode summary_img = 340 apabila di artikel anda terdapat gambar, maka yang tampil pada halaman depan adalah 340 huruf dengan gambar.


3. Kode img_thumb_height = 100 Kode ini, menentukan tinggi gambar/thumbline yang akan muncul di halaman depan.


4. Kode img_thumb_width = 120 Kode ini, menentukan lebar gambar/thumbline yang akan muncul di halaman depan.


'Keterangan - SELESAI'


6. Langkah terakhir, cari kode <data:post.body/> atau bila tidak ketemu, cari kode <p><data:post.body/></p>
7. Jika sudah ketemu, hapus kode nomor 7, lalu ganti 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 scr="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>


KETERANGAN :
Kode yang berwarna merah, boleh diganti dengan url gambar tombol readmore lainnya.


8. Save template & lihat hasilnya.


  Nah, kalau memasang readmore otomatis, di laman blog anda pasti akan terjadi kekacauan. Untuk menghilanggkan kekacauan itu, KlikBlog punya tutornya sob Cara menghilangkan readmore otomatis di laman blog (KLIK DISINI)