Cara Membuat Read more Otomatis dengan Thumbnail

Mau buat auto read more otomatis ya, gampang aja tinggal copy code dan paste kode "tapi saya sarankan kalian menjadi peny copas yang profesional hehehee" , ikuti langkah nya :

LANGKAH # 1
Login ke Blogger , pergi ke Desain -> Edit HTML
dan tandai kotak centang "Expand Template Widget"

LANGKAH # 2
Sekarang cari (CTRL + F) kode ini di template:

</ Head>

Sekarang cari kode ini: dan taruh di atas </head> dengan kode dibawah :

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><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'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

lalu cari code : <data:post.body/>

dan ganti dengan code di bawah ini :
anda bisa mengganti link : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDQyoVBuWUWxJf46jWJQZJWr-uBZpcJ0v0Mn9wSSPcQ-7EFcfI2w95IciardjZHMHVg6EXSjAx0avXCkVYlky5G_gkmnDWVDdcNWRgcno2WoO1troUWDg3xOE3cFWWed1_URAA8QI0JZyc/s1600/Read+more.png dengan code di bawah ini :

http://i643.photobucket.com/albums/uu153/nirav07/black-1.gif

http://i643.photobucket.com/albums/uu153/nirav07/black.png

http://i643.photobucket.com/albums/uu153/nirav07/black1.gif

http://i643.photobucket.com/albums/uu153/nirav07/blue-dark.gif

http://i643.photobucket.com/albums/uu153/nirav07/blue-1.gif

http://i643.photobucket.com/albums/uu153/nirav07/blue.png

http://i643.photobucket.com/albums/uu153/nirav07/blue1.gif

http://i643.photobucket.com/albums/uu153/nirav07/bluish.png

http://i643.photobucket.com/albums/uu153/nirav07/brown.gif

http://i643.photobucket.com/albums/uu153/nirav07/dark-bluish.png

http://i643.photobucket.com/albums/uu153/nirav07/dark-grey.gif

http://i643.photobucket.com/albums/uu153/nirav07/dark-orange.gif

http://i643.photobucket.com/albums/uu153/nirav07/dark-purple.gif

http://i643.photobucket.com/albums/uu153/nirav07/green.png

http://i643.photobucket.com/albums/uu153/nirav07/green1.gif

http://i643.photobucket.com/albums/uu153/nirav07/greenish.png

http://i643.photobucket.com/albums/uu153/nirav07/grey-1.gif

http://i643.photobucket.com/albums/uu153/nirav07/grey.png

http://i643.photobucket.com/albums/uu153/nirav07/grey1.gif

http://i643.photobucket.com/albums/uu153/nirav07/light-blue.png

http://i643.photobucket.com/albums/uu153/nirav07/light-orange.gif

http://i643.photobucket.com/albums/uu153/nirav07/orange.png

http://i643.photobucket.com/albums/uu153/nirav07/original.gif

http://i643.photobucket.com/albums/uu153/nirav07/pink.png

http://i643.photobucket.com/albums/uu153/nirav07/purple-1.gif

http://i643.photobucket.com/albums/uu153/nirav07/purple.png

http://i643.photobucket.com/albums/uu153/nirav07/purple1.gif

http://i643.photobucket.com/albums/uu153/nirav07/red-dark.gif

http://i643.photobucket.com/albums/uu153/nirav07/red-1.gif

http://i643.photobucket.com/albums/uu153/nirav07/red.png

http://i643.photobucket.com/albums/uu153/nirav07/red1.gif

Anda Mungkin Bertanya ??.. ("gimana kalo engga'' ),, yaudah terserah kamu sih...

Q.apakah saya bisa menyesuaikan kuantitas deskripsi ditampilkan??

A. anda cuma perlu menemukan kode di bawah dan mengubahnya dengan kebutuhan Anda

summary_noimg = 430;

summary_img = 340;

T. Bagaimana saya bisa Menambah atau Mengurangi tinggi dan lebar thumbnail gambar??

A. Cari kode di bawah ini dan menyesuaikan dengan lebar dantinggi yang di inginkan

img_thumb_height = 100;

img_thumb_width = 120;

Halaman

Tutorial Blogger

Cara Membuat Read more Otomatis dengan Thumbnail

Kaka' Gabung Ya Ka'