Kode Widget Recent Post di Sidebar Blog

Ini Kode Widget Recent Posts yan dipasang di sidebar blog Contoh Blog SEO. Cara pasangnya sangat mudah. Tidak perlu edit HTML kode template. 

Kode Widget Recent Post di Sidebar Blog

<div class='artikel-terbaru'>
<script>
function artikelterbaru(e){document.write("<ul>");for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length&&"alternate"!=e.feed.entry[t].link[r].rel;r++);var n="<li><a href="+("'"+e.feed.entry[t].link[r].href+"'")+'">'+e.feed.entry[t].title.$t+"</a> </li>";document.write(n)}document.write("</ul>")}
</script>
<script src="/feeds/posts/summary/?max-results=5&alt=json-in-script&callback=artikelterbaru"></script>
</div>
<style>
.artikel-terbaru ul li{padding-bottom:8px;margin-bottom:8px;font-weight:700;border-bottom:1px dotted #eee}
.LinkList ul li,.PageList ul li{padding:6px 0}
.artikel-terbaru ul li a{color:#2b2b2b}
.artikel-terbaru ul li a:hover {color:#c00}
</style>

Cara Pasangnya:

1. Klik Layout > Add a Widget > pilih HTML/JavaScript

2. Judul widget isi dengan Recent Posts atau Posting Terbaru

3. Copas kode di atas di kolom content.

Jika tampilan tidak rapi di blog Anda, atur lagi kode CSS-nya di bawah kode <style>, yaitu angka-angka di margin dan padding.

Bisa juga coba hapus saja kode <style> ... </style> jika tampilannya tidak rapi di blog Anda.*