Cara Pasang Widget Recent Post Berdasarkan Label

Recent post adalah suatu hal yang sangat penting untuk blog, karena recent post akan memudahkan pengunjung blog sobat mencari artikel atau postingan yang mereka cari.

Dengan recent post yang menarik juga akan menambah keindahan blog dan membuat pengunjung menjadi nyaman berlama-lama di blog sobat.

Berikut dua macam widget recent post yang mungkin sobat berminat untuk mencoba memasangnya di blog sobat..

1. Widget Recent Post perlabel tampa gambar.

Untuk memasang widgetnya ikuti langkah-langkah berikut :

 1. Buka blog sobat.

2.  Pilih Tata Letak.

3.  Pilih HTML/JavaScript

4.  Tambahkan kode dibawah ini

<script src="https://sites.google.com/site/seocips/seocips-script/rp.js" type="text/javascript"></script><script type="text/javascript">var numposts = 8;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://punyalembak.blogspot.com/feeds/posts/default/-/widget?orderby=published&alt=json-in-script&callback=showrecentposts" type="text/javascript"></script>

5.  Ganti tulisan punyalembak.blogspot.com dengan nama blog sobat dan tulisan Widet dengan nama label yang ingin sobat pasang.
6.  Save


2. Widget Recent Post perlabel dengan gambar

Untuk memasang widgetnya ikuti langkah-langkah berikut :

1. Masuk diblog sobat > Template > Edit HTML
2. Cari kode  </style> atau kode ]]></b:skin>  Kemudian letakkan kode dibawah ini di atas kode tadi.

/* 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. Copy kode dibawah ini dan letakkan diatas 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/AVvXsEgTtunWtfVcZ08RgzYPa8sAvJncC0zhw2jWyYVRENkLGaM7t26fN55TYXIJR5r-irIqN8fAEoXoAumAE3061ZTMIL2EfsWynyg6_RV3Lgi0Zfks2S7trojmMdrseVj-nAQz5yAwf7jtuJpe/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>

4. Save Template
5. Masuk di Dasbor > Tata Letak > HTML/JavaScript.
6. Pastekan kode dibawah ini.

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

7. Ganti tulisan WIDGET dengan nama label yang ingin ditampilkan.
8. Save dan lihat hasilnya.

Baca Juga : Kumpulan Widget Popular Post

Mungkin itu saja sobat yang dapat aku bagikan hari ini.
Terima Kasih telah berkunjung dan semoga bermanfaat.