Membuat Readmore Keren di Blog

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.

Terima Kasih Atas Kunjungan Anda
Judul: Membuat Readmore Keren di Blog
Ditulis Oleh Unknown
Jika mengutip harap berikan link yang menuju ke artikel Membuat Readmore Keren di Blog ini. Sesama blogger mari saling menghargai. Terima kasih atas perhatiannya dan silahkan berkomentar apa bila ada yang ingin disampaikan