Widget Recent Post Cantik

Ala Ka Widget Recent Post Cantik . Daripada tidak update postingan. Kali ini saya akan memberikan tips, trik membuat Widget Recent Post atau Postingan Terakhir agar tampil lebih elegan dan cantik. Seperti apa kira-kira tampilannya? Makanya tetap stay on this tutor

• Masuk ke akun Blogger
• Buka Design / Rancangan
• Langsung ke Page Elemen / Elemen Laman
• Langsung klik add a gadget / tambahkan gadget
• Pilih HTML / Javascript dan masukkan langsung kode berikut

<style type="text/css">
#recentpost{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%;margin:0;padding:0;width:300px}#recentpost h1{background-color:#F90;border:1px solid #000;color:#333;display:block;font-size:90%;margin:0;padding:3px 0 5px 3px;width:300px}#recentpost ul{border:none;list-style:none;margin:0;padding:0}#recentpost ul li{margin:0;padding:0}#recentpost ul li a{border-bottom:1px dashed #C39C4E;color:#666;display:block;font-size:80%;padding:5px 0 2px 4px;text-decoration:none;width:300px}#recentpost ul li a:hover,#recentpost ul li a:focus{background-color:#eee;color:#000}</style>
<div id="recentpost">
<h1><center>JUDUL RECENT POST</center></h1>
<script src="http://damarsaloka.googlecode.com/files/post-terakhir-kadamar.js">
</script>
<script>
var numposts = 5; var showpostdate = false; var showpostsummary = false; var numchars = 100;
</script>
<script src="http://NAMABLOG.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script></div>

• Simpan 
• Keterangan : Ganti "Judul Recent Post", 5 adalah jumlah postingan yang ditampilkan, Ganti juga NAMABLOG dengan nama blog Sobat
• Kira-kira hasilnya seperti ini 

JUDUL RECENT POST

Baca :

1. Menampilkan Total Postingan dan Total Komentar
2. Membuat Widget Recent Post dengan Slider / Animasi
3. Recent Post Sticky ( Menempel di footer dengan tombol close )
4. Membuat Related Post dengan Scroll