NagariBatuTaba: Automatik Readmore Dengan Thumbnail Untuk Blogspot

para blogger mungkin sudah tau dengan menu yang satu ini...ya READ MORE adalah suatu sambungan halaman sebuah postingan didalam blog anda...
disini saya akan membahas Menu READ MORE dengan Thumbnail...
ok tanpa banyak basa basi lagi langsung ja dewh...

Masuk kemenu Blogger:
maka akan tampak menu seprti gambar dibawah ini

Kemudian Klik Tab Design :
dan akan keluar menu seperti gambar dibawah ini

Klik Tab Edit HTML

Jangan lupa Beri tanda centang di Expand Widget Templates

Setelah itu Cari kode ini </head>,seperti dibawah:

]]></b:skin>

</head>

<body>

Salin kode dibawah ini dan pastekan diatas </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 type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js' ></script>

Cari kode <data:post.body/> ini, rujukkan seperti dibawah. Bila sudah jumpa delete/buang kode tersebut.

Salin kode dibawah ini dan pastekan di tempat <data:post.body/> yang telah didelete/buang tadi.

 <b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <div expr:id='"summary" + data:post.id'> <data:post.body/> </div> <script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>"); </script> <div style='clear: both;'/> <a expr:href='data:post.url' >Baca Selanjutnya</a> </b:if> </b:if>

Catatan:
summary_noimg = 430; - Jumlah karakter/huruf yang ingin dipaparkan
summary_img = 340; - Jumlah karakter/huruf yang ingin dipaparkan jika ada thumnail
img_thumb_height = 100; - Ketinggian thumbnail
img_thumb_width = 120; - Lebar thumbnail
Baca Selanjutnya - Boleh ditukar mengikut kesesuaian anda.

Save template dan View Blog

NagariBatuTaba

Download Aplikasi Ponsel

Automatik Readmore Dengan Thumbnail Untuk Blogspot

Blog Archive

Entri Populer