Membuat random post hanya thumbnail tanpa edit html

ikhsanudin on

Sunday, June 29, 2014

Membuat random post hanya thumbnail tanpa edit html. kita lihat dulu gambarnya, kalau bagus silahkan di coba

Membuat random post hanya thumbnail tanpa edit html

Langsung saja kita coba Membuat random post hanya thumbnail tanpa edit html
1. Login ke blogger
2. Pilih tata letak
3. Tambahkan Gadget
4. HTML/JavaScript
5. Masukkan kode berikut:
<style text-type="CSS">
img.label_thumb {
float:left;
padding:3px;
background:#CCC;
border:1px solid #A4A4A4;
width:70px;
height:70px;
margin-right:2px;
margin-top:2px }

img.label_thumb:hover {
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.8 }
</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?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
6. SImpan dna lihat hasilnya

Membuat random post hanya thumbnail tanpa edit html

Labels: Blogger

Thanks for reading Membuat random post hanya thumbnail tanpa edit html. Please share...!