Membuat Recent Post Sesuai Label - Membuat Recent Post Memang Dibutuhkan Dikarenakan
Dapat Memudahkan pengunjung Untuk pengetahui Post random atau post yang anda sajikan
Di Blog anda Saya Untuk Kesemapatan Hari ini akan Memberi Anda Tutorial
Cara Membuat Recent Post Sesuai Label Tapi Perlu diketahui Sebelum Membuat Ini
Pilihlah Post Dengan
Label Yang Benar Dengan Sedikit Modifikasi Mungkin Tampilannya
Bisa Lebih Bagus
Langkah Pembuatan :
1. Taruh CSS Dibawah Ini Diatas Kode ]]></b:skin>
/*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.Selanjutnya, Taruh Kode Dibawah Ini Diatas Kode <head>
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 Reza-Rizal
// http://gplus.to/RezaRizal - http://rezaberkarya1.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/AVvXsEj3TLT-4ikTaaj2sf_zRRa_4hoIypsuOdE6EEvmkM-yJrO9xB9D3vJMVodl6-dFLNZIOFFTx2Tjp47zJptqZEnhr-Momki7KJ8jQJJKT6N-SsTfDMTte9GeZN6raLxq28aTo46Y8pReqHFu/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. Terakhir Silahkan Masukan Kode Ini Di
HTML/JAVASCRIPT
<script>
document.write("<script src=\"/feeds/posts/default/-/Masukan Url Label Anda?orderby=updated&alt=json-in-script&callback=rcentbytag\"><\/script>");
</script>
Posts
