CANEL BLOGER

Recent post merupakan widget atau gadget yang digunakan untuk menampilkan semua postingan terbaru berdasarkan label atau tag tertentu.

Widget Recent Post ini juga dapat mempermudah pengunjung untuk menemukan artikel yang sesuai dengan label yang dicari.

Cara Membuat Widget Recent Post Dengan Label

1. Pertama Klik Edit Templates Html

2. Cari Kode ]]></b:skin> Copy Dan Paste Code Di Bawah Ini Tepat Di Tas Kode ]]></b:skin> .

/* 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}

3.Cari Kode </head> Copy Dan Paste Code Di Bawah Ini Tepat Di Tas Kode </head>

<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/AVvXsEikXAvWYQXtRCUJOkCg2N8Lff96XRx6KZl7z9MhpjWXnyUzbmamzeYuRx7arHYyBHD3tCT4WRXQQLe_DBVOD8jkVei2O3lCZDdY2pEJFx8VbG_JnFEiVjgtKtCM9X3TEzxFPLd3ZB144tUi/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 ="_blank" title="'+r+'"><img class="rct-thumb" alt="'+r+'" src="'+l+'"/></a>');document.write('<strong><a href="'+i+'" target ="_blank" 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>

Save Templates.

4.Ke Tata Letas Add Widget Java Script Paste Kode Di Bawah Ini

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

Catatatan: Ganti Tulisan yang Warna Merah dengan Label Di blog Sobat..
Nah Sekian Dulu Cara Membuat Recent Post Di Setiap Label.

<==Berbagi Informasi Itu Indah==>

<=Jangan Lupa Share Yah Supaya Blog Tetap Update Yang Terbaru=>