Cara Membuat Recent Post dengan Tag

Cara Membuat Recent Post dengan Tag

Selamat malam,siang,pagi sobat,lagi pada ngapain?(lihat postingan lo),hhhhh,,,.Ok-ok,Posting kali ini saya akan memberikan tutorial bagaimana Cara Membuat Recent Post dengan Tag.Buat apa recent post? Ya agar pengunjung bisa lebih mudah menemukan artiel terbaru kita.Cara ini adalah hasil Bw saya ke Blog Kang Mousir.Yups Copast lagi,Tapi copast.nya dengan cantik soalnya Saya Rewrite Postnya bukan copast byar,, Gtu :D .Cara memasangnya cukup mudah buat pemula gak usah Khawatir karena saya akan memberi penjelasan dengan gambar.Oke langsung saja,Praktek,,,

1.Pilih template dan cari ]]></b:skin> Atau </style> dan Copy Code di bawah ini di atas ]]></b:skin> Atau </style>  tadi

/*Recent Post By tag*/
img.rct-thumb{float:left;margin-right:10px;height:72px;width:72px;}
.recent-by-tag{width:100%;margin:0;padding:0}
ul.recent-by-tag li{padding:10px 0;margin-bottom:0;border-bottom:1px solid #ddd}
.recent-by-tag li{font-size:13px;list-style:none;padding-left:0;margin:0;padding:0;overflow:hidden}
.recent-by-tag a{font-family:'Oswald',sans-serif;font-size:16px;font-weight:normal;margin:0;}
.recent-by-tag strong{padding-left:0}
span.showdates{font-size:16px;margin:10px 0 0}

2.Jika sudah cari </head> dan paste kode di bawah ini di atas kode </head> tadi

<script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var showpostdate = true;</script>
<script type='text/javascript'>
//<![CDATA[
// Recent Post By Tag
// Recent Post By Tag For Blogger by Kang Mousir
// http://gplus.to/mousir - http://kang-mousir.blogspot.com
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/AVvXsEiFE3cp68-z-Jt7S3AcwaTN1cwW6x2ejTLpL224pEwiGL9g-heHd4iIjCzl4g8oR4Zx2mUAppWTdiVLGZ1yHHP6TnkjyKK8IDDRQ75iYelCI74IOWUv7L9sQoCwaKJD_KncOyOMfb45_YKG/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>

3.Simpan


Untuk menampilkan Recent post ini,Pilih Tata letak > Add gadget >Pilih HTML/JavaScript.
Copy dan paste Kode di bawah ini ke dalam HTML/JavaScript.

<script>
document.write("<script src=\"/feeds/posts/default/-/Templates?orderby=updated&alt=json-in-script&callback=rcentbytag\"><\/script>");
</script>

Kata warna hijau ganti dengang Label sobat.
Ini Punya saya.