Cara Pasang Daftar Posting Terbaru (Recent Post) Simple di Sidebar Blog

Baca Juga

Cara Pasang Daftar Posting Terbaru (Recent Post) Simple di Sidebar Blog

TEMPLATE bawaan Blogger tidak menampilkan widget posting terbaru (Recent Posts) di sidebar. Kadang-kadang template premium pun tidak otomatis memunculkan daftar artikel terbaru ini, padahal penting banget untuk navigasi yang dianjurkan Google sekaligus untuk meningkatkan pageviews.

Widget Recent Posts berisi daftar posting terbaru (Latest Posts, Artikel Terbaru, Entry Terbaru) sehingga pengunjung tahu konten terbaru yang diupdate.

Cara Pasang Daftar Posting Terbaru (Recent Post) Simple di Sidebar Blog

Berikut ini cara memasang widget Recent Post Simple di Sidebar Blog Anda. Ini penampakkannya.

Cara Pasang:

1. Layout > Add a Gadget

2. Isi judul widget dengan "Terbaru" atau "Recent Posts"
3. Copas Kode Recent Post Simple berikut ini di kolom konten.

<style>
#recent-posts{width:85%;padding:10px;margin:0 auto;border:1px solid #ddd}
#recent-posts ul,#recent-posts li{list-style:none}
#recent-posts a{text-decoration:none}
#recent-posts li{border-top:1px dotted #ddd;padding:6px 0}
#recent-posts li:first-child{border-top:none}
#recent-posts h2{margin:12px}
</style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='widget HTML' data-version='1' id='HTML3'>
<h2 style='margin:15px;padding: 10px;background: #f1f1f1;'>Recent Posts</h2>
<div class='widget-content'>
<script>
//<![CDATA[
function showlatestposts(json){document.write('<ul id="recent-posts">');for(var i=0;i<5;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var postsurl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){postsurl=entry.link[k].href;break;}}
document.write('<li class="recent-posts">');document.write('<a href="'+ postsurl+'" target ="_top" title="'+ posttitle+'">'+ posttitle+'</a>');document.write('</li>');}
document.write('</ul>');};
document.write("<scr" + "ipt type=\"text/javascript\" src=\"/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts\"></scr" + "ipt>");
//]]>
</script>
</div>
<div class='clear'/>
</div>
</b:if>

4. Save! 

Beres. Daftar Posting Terbaru (Recent Post) Simple sudah muncul di Sidebar Blog Anda.

Demikian Cara Pasang Daftar Posting Terbaru (Recent Post) Simple di Sidebar Blog. 

Good Luck & Happy Blogging! (contohblog.com).*