Cara Membuat Widget Recent Post Berdasarkan Label di Blog

Contoh Widget Recent Post By Label

Salam Kenyut , dalam Postingan ini admin kenyut akan share Cara Membuat Widget Recent Post Berdasarkan Label di Blog Beserta Gambar . Widget ini sangat cocok untuk blog yang niche nya Gado-Gado dan keunggulan widget ini adalah bisa mempermudah pengunjung untuk mengetahui apa yang di bahas di blog lewat widget Recent Post berdasarkan Label ini.

Disini admin akan mengambarkan contoh seorang pengunjung (A) yang sedang mengunjungi sebuah blog.
Contoh :
Semula si A ingin mencari seputar tutorial blog , trus tanpa sengaja dia melihat judul postingan yang bertema komputer yang berjudul ''Cara Hack Wifi Tetangga" lalu dengan rasa penasaran nya dia Ngklik judul tersebut.

Dari contoh diatas secara tidak langsung pengunjung yang semula TIDAK TAU akan menjadi lebih TAU hal ini juga berdampak positif bagi blog anda karena pengunjung jadi lebih betah berlama-lama di blog anda dan ini juga bisa meninggkatkan Kualitas blog sehingga besar kemungkinan blog akan nangkring di Page One google , karena Google menentukan Blog yang berkualitas dari segi seberapa lama pengunjung di blog anda dan banyaknya klik yang di klik penunjung.

Gimana berminatkah memasang widget ini di blog anda ?
Jika berminat langsung saja ikuti Tutorial Membuat Widget Recent Post Berdasarkan Label di Blog di bawah ini :

1. Masuk Dashbord Blog => Tata Letak => Tambahkan Gadget => Pilih HTML/JavaScript .
2. Jangan Lupa isi Judul dengan Nama Label setelah itu copy kode di bawah ini di kolom konten .

<style>
img.recent_thumb {padding:1px;width:72px;height:72px;border:0; float:left;margin:0 10px 5px 1px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 72px;margin: 5px 10px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:72px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;} </style>
<script>
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)
{
s=entry.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!="")){
thumburl=d;} else thumburl='http://lh4.ggpht.com/_IjrRiI_bVb0/TOCYn1fMjII/AAAAAAAAF24/5Fvv-HJqh74/loading-2.gif';
}
var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";document.write('<li class="clearfix">');
if(showpostthumbnails==true)
document.write('<img class="recent_thumb" src="'+thumburl+'"/>');
document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>');
    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
    var re = /<\S[^>]*>/g;
    postcontent = postcontent.replace(re, "");
if (showpostsummary == true) {
      if (postcontent.length < numchars) {
          document.write('<i>');
         document.write(postcontent);
          document.write('</i>');}
      else {
          document.write('<i>');
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write(postcontent + '...');
          document.write('</i>');}
}
var towrite='';var flag=0;
document.write('<br><strong>');
if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='1 Comments') commenttext='1 Comment';
if(commenttext=='0 Comments') commenttext='No Comments';
commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}
if(displaymore==true)
{
if (flag==1) towrite=towrite+' | ';
towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Read more&#187;&#187;</a>';
flag=1;
;
}
document.write(towrite);
document.write('</strong></li>');
if(displayseparator==false)
if (i!=(numposts-1))
document.write('<hr color="#d9f1fa" size=0.5>');
}document.write('</ul>');
}
</script>
<script>
var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;
</script><script src="http://blog-kenyut.blogspot.com/feeds/posts/default/-/LABELMU?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">
</script><div class="clear"/></div>

 *Penting

a. Angka 5 Bisa diganti dengan jumlah postingan yang ingin di tampulkan.
b. Blog-kenyut ganti dengan nama Blog anda.
c. LABELMU ganti dengan url label yang ingin di tampilkan.

3. Klik simpan dan lihat hasilnya .

Gimana Mudahkan , Oke mungkin sekian dulu Tutorial dari admin kenyut semoga bermanfaat..

Salam Kenyut