Membuat Label Thumbnail Saja

info-gamepc.blogspot.com - Kali ini saya akan share tips dan trik lagi, yaitu tutorial blogger pemula tentang Cara Membuat Widget Recent Post By Label Dengan Thumbnail Atau Gambar Saja di Blog.

Masukkan semua kode dibawah ini:

<style>
/*** Labels Thumbs ***/
img.label_thumb{ float:left; border:1px solid #ccc;
width:85px; height:70px; margin-right:10px; margin-bottom:10px; }

</style>
<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>

<script type='text/javascript'>var numposts = 9;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Game?
orderby=updated&alt=json-in-script&callback=labelthumbs">
</script>