Kode Recent Post plus Thumbnail Image, Posting Terbaru dengan Gambar Kecil

Kode Recent Post plus Thumbnail Image, Posting Terbaru dengan Gambar Kecil di Sidebar Blog Blogger. 

Cara pasangnya gak usah edit template. Cukup di Layout > Tambahkan Gagdet > pilih HTML/JavaScript.

Isi judul widget dengan Recent Post atau Posting Terbaru, lalu masukkan kode Kode Recent Post plus Thumbnail Image, Posting Terbaru dengan Gambar Kecil ini di kolom Content. Save!

Kode Posting Terbaru dengan Gambar Kecil di Sidebar Blog 

<style>
img.rct-thumb{float:left;margin-right:14px;height:72px;width:80px;margin-top:5px}
.recent-by-tag{width:100%;margin:0;padding:0}
.recent-by-tag li{font-size:12px;list-style:none;padding-left:0;margin:0;padding:0;overflow:hidden}
ul.recent-by-tag li {padding: 10px 0;margin-bottom: 0;border-bottom: 1px dashed #f1f1f1;line-height: normal;}
.recent-by-tag a {font-size: 16px;font-weight:500;margin: 0;padding: 0;line-height: normal;}
.recent-by-tag strong{padding-left:0;font-weight:500}
span.showdates{font-size:11px;margin:10px 0 0}
</style>
<script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var showpostdate = false;</script>
<script type='text/javascript'>
//<![CDATA[
function rcentbytag(e){document.write('<ul class="recent-by-tag">');for(var t=0;t<numposts;t++){var n=e.feed.entry[t];var r=n.title.$t;var i;if(t==e.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if(n.link[o].rel=="replies"&&n.link[o].type=="text/html"){var u=n.link[o].title;var f=n.link[o].href}if(n.link[o].rel=="alternate"){i=n.link[o].href;break}}var l;try{l=n.media$thumbnail.url}catch(h){s=n.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!=""){l=d}else l="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvuHC1kzTkDWk14i4rFYZEQhIXdoRgs9264Spepv-gcuMfGoWfMjtYCpP640ejqZzCCl8gzQ2WnYkMCJe5jDCsgU0iJJRwkpRieb3C_8eDzMIVMny0b9wCPG2Cd3eKdF4bJtJIO8ppA0I/s70-c/KM+Icon.png"}var p=n.published.$t;var v=p.substring(0,4);var m=p.substring(5,7);var g=p.substring(8,10);var y=new Array;y[1]="Januari";y[2]="Februari";y[3]="Maret";y[4]="April";y[5]="Mei";y[6]="Juni";y[7]="Juli";y[8]="Agustus";y[9]="September";y[10]="Oktober";y[11]="November";y[12]="Desember";document.write('<li class="clear">');if(showpostthumbnails==true)document.write('<a href="'+i+'" target ="_top" title="'+r+'"><img class="rct-thumb" alt="'+r+'" src="'+l+'"/></a>');document.write('<strong><a href="'+i+'" target ="_top" title="'+r+'" rel="nofollow">'+r+'</a></strong>');document.write('<br>');var x="";var T=0;if(showpostdate==true){x='<span class="showdates">'+x+g+" "+y[parseInt(m,10)]+" "+v+"</span>";T=1}document.write(x);document.write("</li>");if(t!=numposts-1)document.write("")}document.write("</ul>")}
//]]>
</script>
<script>
document.write("<script src=\"/feeds/posts/default?orderby=updated&alt=json-in-script&callback=rcentbytag\"><\/script>");
</script>

Gampang kan memasang Kode Recent Post plus Thumbnail Image, Posting Terbaru dengan Gambar Kecil di Sidebar Blog Blogger?

Share :