Cara Membuat Recent Post Super Seo Responsive

Cara Membuat Recent Post Super Seo Responsive - Pada kesempatan kali ini saya akan share tentang cara membuat Recent Post super seo responsive.

Karena Template bawaan Blogger, bahkan banyak juga template premium, yang tidak menampilkan widget recent post ini, sehingga kita harus pasang sendiri. Maka dari itu pada kesempatan ini saya share Script Widget Recent Post ( Artikel Terbaru.

Cara Memasanag Recent Post ( Artikel Terbaru ) Menggunakan Script dibawah ini:

Cara Mamasangnya:

Layout > Add a Gadget > pilih HTML/Javascript
Isi judul widget dengan Recent Post atau Posting Terbaru
Copas kode berikut ini di kolom konten.

Baca Juga

.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/AVvXsEigChtRjRo8Qa6eceAhgqcgBAjPi3_vCRmrZIK6xM3U-3234XkbGFkAGZf-qZcKuEggN58ydQt8pzM_BOAYo5rT4uCwnrPqfEyi3PuOpY_SczIgScrCKd9YPB5EVU9VBAIHUVIw_rXEMb-Y/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>
<script>
document.write("<script src=\"/feeds/posts/default?orderby=updated&alt=json-in-script&callback=rcentbytag\"><\/script>");
</script>

Simpan ( Save )
Kode di atas menampilkan Posting Terbaru berupa Judul dan Gabar Thumbnail seperti gambar ilustrasi di atas.

Demikian adalah cara menampilkan artikel terbaru atau Recent Post Bergambar, emoga Artikel ini bermanfaat.