/Cara Mudah Membuat Widget Posting Terbaru Keren Di Blog

Cara Mudah Membuat Widget Posting Terbaru Keren Di Blog

Cara Membuat Widget Posting Terbaru Di Blog

Cara Membuat Widget Posting Terbaru Di Blog – Postingan terbatu atau juga biasa disebut Widget Recent Post, Berguna untuk menampilkan Postingan Terbaru anda. Ada beberapa jenis Recent Post dari yang ada thumbnailnya sampai yang tulisannya saja.
Berbeda dengan Popular Post yang menampilkan Postingan Terpopuler dari blog anda.

Widget Recent Post merupakan bagian dari Internal Linking, Sekaligus Navigasi untuk pengunjung melihat postingan terbaru di blog anda.

Cara Membuat Widget Posting Terbaru Di Blog

1. Ke Tata Letak/Lay Out, > Add A Gadget > pilih HTML/JavaScript
2. Isikan judul dengan kemauan anda misalnya “Recent Post” “Artikel Terbaru” “Postingan Terbaru” dll.
3. Di kolom Content anda Copykan code ini.

<style>
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:12px;margin:10px 0 0}
</style>
<script type=’text/javascript’>
var numposts = 5;
var showpostthumbnails = true;
var showpostdate = true;</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=”http://2.bp.blogspot.com/-giova1ZCh-A/Uzq6L8QTJNI/AAAAAAAAAJc/USXictTq_xs/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=”http://www.Topseoblog.com/feeds/posts/default?orderby=updated&alt=json-in-script&callback=rcentbytag”></script>”);
</script>

Note : Ganti Tulisan berwarna Biru dengan link blog anda.

4. Save.

Itulah Cara Membuat Widget Posting Terbaru Di Blog sangat mudah bukan?
Semoga Bermanfaat.

The following two tabs change content below.