Nah sekarang saya akan menuliskan cara membuat Membuat Recent Post by Label Thumbnail Saja tanpa tulisan.
Ok langsung saja ...
Cara Pasang Recent Post by Label With Thumbnail di Blogger
Seperti biasa langkah yang harus di lakukan adalah :
- Login ke Dashboard Blogger
- Klik Rancangan/Design/Tata Letak
Jika teman sudah berada di halaman Rancangan silakan pilih widget HTML/JavaScript kemudian masukkan script berikut:
Keterangan:<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 = 6;</script> <script type="text/javascript" src="/feeds/posts/default/-/NamaLabel?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
numposts = 6 (Angka 6 adalah jumlah recent post yang akan di tampilakn, silakan ganti sesuai keinginan teman)
Nama Label = Isi dengan Nama Label yang artikelnya ingin di tampilkan ( contoh blogger%20template) biasanya label yang pakai spasi di pisahkan dengan %20.








December 30, 2011 at 2:17 PM
trimakasih atas info nya..bermaanfaat bagi saya..ehhmmm,ada cara yang bisa digunakan untuk menampilkan gambar beserta judul artikelnya?
December 30, 2011 at 11:19 PM
silakan baca di http://blog.ahmadrifai.net/2011/07/bikin-recent-post-by-label-with.html
March 10, 2012 at 10:55 PM
keren....!akhirnya aq temukan juga cara nya.nice for share
April 2, 2012 at 2:13 PM
trims bro... ijin pakai ya...
oksbro.blogspot
May 11, 2012 at 1:08 PM
cara nambahin URL gambar'a gmna gan??
kan kalo postingan g ada gamabr'a pas tampil di recent post'a g ada gambar'a..
thanks