Kode Posting Terbaru Per Label Plus Gambar Thumbnail

Kode Posting Terbaru Per Label plus Gambar Thumbnail

Recent Post by Label widget for Blogger - Posting Terbaru Per Label plus Gambar Thumbnail. Bisa dipasang di homepage, sidebar, juga di footer blog. Ini penampakannya.

Kode Posting Terbaru Per Label plus Gambar Thumbnail

Kode Posting Terbaru Per Label plus Gambar Thumbnail

CSS

/* Recent By Label */
.recent-by-tag img {float:left;width:60px;height:60px;margin-right:10px;margin-bottom:17px}
.recent-by-tag li {clear:both;line-height:1.3em !important}
.recent-by-tag li a{list-style:none;color:#555;font-weight:bold;font-size:14px !important}
.recent-by-tag li a:hover,.recent-by-tag li:hover a{color:#f35858 !important}
.recent-by-tag li .showdates{display:inline-block;font-size:10px;font-weight:normal;margin-top:5px;color:#aaa}

Javascript

<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/AVvXsEhAVvdytMpJcM6EjF09Cd8VcvNqL5C0GE4suQeXN0fySPMQV4gUfspxSOKn9Ppv1ZHSgSBvXDwzD0FyJrXWvlcdi-hEKRuikt__D0uQXz6VZPmV6I4IJ5NOJQ4b-Qg0guZhR4RMCdvwMUPE/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+'" sasaran ="_blank" title="Kode Posting Terbaru Per Label plus Gambar Thumbnail"><img class="rct-thumb" alt="Kode Posting Terbaru Per Label plus Gambar Thumbnail Kode Posting Terbaru Per Label plus Gambar Thumbnail" src="'+l+'"/></a>');document.write('<strong><a href="'+i+'" sasaran ="_blank" title="Kode Posting Terbaru Per Label plus Gambar Thumbnail" 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>

HTML/Javascript

<script>
var mql = window.matchMedia('screen and (min-width: 992px)');if (mql.matches){document.write("<script src=\"/feeds/posts/default/-/SEO?orderby=updated&amp;alt=json-in-script&amp;callback=rcentbytag\"><\/script>");}
</script>

Ganti nama label SEO dengan nama label posting yang akan ditampilkan. Jika labelnya terdiri dari dua kata, pisahkan dengan %20 ibarat Tips%20SEO atau Desain%20Blog.*


Sumber https://testemplatecb.blogspot.com/

Berbagi :