Blogger Auto Read More Dengan Thumbnails

Trik cantik berikut akan membantu anda membuat fitur Read More secara otomatis. Anda tidak perlu menambahkan kode tambahan tiap kali anda menulis sebuat post.

Sebelum mencoba trik ini harap anda backup template anda terlebih dulu. Sehingga apabila terjadi kesalahan, maka anda bisa mengembalikan template anda yang sebelumnya.

1. Login ke Blogger.com. Masuk Dashboard> Layout> Edit HTML.
2. Klik "Expand Widget Templeates"
3. Cari tag </head>.
4. Tepat di bawah tag </head> copy paste kode di bawah ini.

<script type='text/javascript'> var thumbnail_mode = &quot;float&quot; ; summary_noimg = 230; summary_img = 140; img_thumb_height = 100; img_thumb_width = 100; </script> <script src='http://keerthiset2.110mb.com/excerpt.js' type='text/javascript'/>

Catatan: Nilai di atas bisa anda ganti sesuai dengan kebutuhan anda.

5. Cari kode berikut

<data:post.body/>

6. Hapus dan ganti kode di atas dengan kode di bawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> <b:else/> <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> <div style='clear: both;'/> <span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Reade more >></b></a></span> </b:if>

7. Klik Save Tempalte untuk menyimpan template anda. Dan klik View Blog untuk melihat perubahanya.



Source : bloggertipandtrick.net