Widget recent Posti ala Info-Onliners

Posted by Muhammad Munandar on Rabu, 02 Maret 2011

Widget Recent Post Cantik Ala Info-onliners - Lagi-lagi ala Info-onliners. 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 






Created by : Info-Onliners