Tutorial membuat Thumbnail berdasarkan Katagori

Hai sobat blognya heju. Gimana kabarnya, tentu dalam keadaan baik kan. Sobat blognya herju, Kali ini blognya herju memposting tentang Tutorial membuat Thumbnail berdasarkan Katagori. Bagaimana caranya, langsung saja simak caranya berikut ini.

1. Buka akun blogger sobat.
2. Pilih Tema.
3. Pilih tanda panah kecil, disamping tombol "Sesuaikan".
4. Pilih edit HTML.

5. Tambahkan kode ini sebelum kode </body>.

/*** Labels Thumbs ***/
img.label_thumb{
float:left;
width:80px;
height:100px;
margin-right:10px;
margin-bottom:5px;
}

6. Paste kode berikut persis diatas kode  </head>.

<script type='text/javascript'>
//<![CDATA[ function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;} if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}} var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error) {s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;} else thumburl='';} document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>'); if(i!=(numposts-1)) document.write('');} document.write('</div>');} //]]>
</script>