Cara Memasang Widget Postingan Terbaru dengan Thumbnail di Blog

Dengan menggunakan Widget Postingan Terbaru, Anda dapat menampilkan postingan terbaru dari label yang berbeda untuk memberikan nilai lebih pada postingan blog anda. Widget ini juga membantu anda meningkatkan tampilan halaman dan pada akhirnya meningkatkan traffic blog. Anda dapat menampilkan postingan dari label tertentu atau anda cukup menampilkan postingan terbaru yang baru saja dipublikasikan baru-baru ini di blog anda. Anda dapat menampilkan widget ini di sidebar blog.

Pengunjung  blog anda akan senang melihat postingan yang baru saja dipublikasikan di blog anda tanpa harus repot-repot pergi ke beranda. Dengan demikian, pengunjung merasa dimudahkan dalam mencari postingan terbaru dari blog anda
Anda pun dapat menampilkan lebih banyak tampilan halaman.

Untuk cara memasangnya silahkan anda ikuti langkah-langkahnya dibawah ini :

• Pertama anda masuk dulu ke blogger.com
• Lalu Pilih Tata Letak
• Pilih Tambahkan Gadget
• Klik HTML/Javascript
• Lalu Pastekan kode dibawah ini

<style scoped='' type='text/css'> /* Recent Post Navigasi */ #recentpostnav{border:1px solid #585858;width:100%;margin:0 auto} #recentpostsae{margin:0} .recentpostel{background:#fff;display:block;border:1px solid #ddd;margin:5px 0;padding:10px;height:79px} .recentpostel img{background:#fff;padding:4px;float:left;height:70px;margin-right:8px;width:70px;border:1px solid #ddd} .recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:13px!important;font-weight:700!important;margin:0;color:#111} .recentpostel:hover{background-color:#fefefe} .recentpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0} #recentpostload{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7dyxJJLCPVp42fap2eokvVJRlqMYLnR-dhrEjADlLN05vHCX8Y60BZzUaS3DU53JAaXMnj5AxZS1BdwRg_A9qgEdHQfueHK0ODgaZR_GyPGB_ZBkWpRSsb51BwYTlVSMD3ksUoEAGBHue/s1600/loader.gif) 50% 50% no-repeat #fff;height:470px;border:1px solid #ddd} </style> <script type='text/javascript'> //<![CDATA[ var numfeed = 5; var startfeed = 0; var urlblog = "https://kotakwidget.blogspot.co.id"; var charac = 0; var urlprevious, urlnext; function arlinafeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrecentpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDCmvrvP_r7qpqvApD93kBkuVBPnS57Jik63TVe4WF5lp3fdHeipYWy8q32NTOR7PU2ZT_SLY8I_eTRXBT0gYnLkYJNQ6697AtZvk10JbqoypnPmWND07tthRwYL1VIQr9z-F8vxZ3YMkJ/s1600/no-image.png",s+="<div class='recentpostel'>",s+="<a href='"+r+"' target='_blank'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+arlinafeed(i,charac)+"</p>",s+="</div>"}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'></a>":"<span class='noactived previous'></span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'><p></p></a>":"<span class='noactived next'></span>",s+="<a href='javascript:navigasifeed(0);' class='home'></a>",document.getElementById("recentpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","arlinalabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("arlinalabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)}; //]]> </script> <div id="recentpostsae"></div> <div id="recentpostnavfeed"></div>

*Untuk Url blog yang saya block dengan warna merah, silahkan anda ganti dengan Url blog anda.

Terakhir tinggal anda simpan.

Sekarang tampilan blog anda jauh lebih baik dari sebelumnya, widget ini sangat berfungsi bila anda hendak mendaftar di Google Adsense.

Sekian dulu dari saya, jika ada yang mau ditanyakan silahkan tinggalkan komentar. Jangan lupa cek widget-widget lainnya, Siapa tahu widget yang anda cari selama ini ada disini.

 "Salam Satu Widget"