Membuat Widget Recent Comments mungkin
buat sobat blogger sudah pada memasangnya mungkin juga sudah tidak
butuh lagi tutorial seperti ini. Namun bagi ane yang masih terbilang
baru jadi seorang blogger ini merupakan hal baru sekaligus dijadikan
koleksi widget di blog ini, karena ane masih membenahi blog ini maka
sekaligus dalam membenahi blog ini bahan-bahannya ane jadikan bahan
postingan aja.
Namun meskipun Membuat Widget Recent Comments ini bagi
sebagian blogger sudah ga asing lagi tapi mungkin buat blogger yang
masih pemula atau pendatang baru hal ini bisa dijadikan tutorial buat
membenahi blognya.
Nah, nanti tampilan Recent Commentsnya akan seperti ini:
Berikut langkah-langkah membuat recent comments:
- Seperti biasa sobat login ke blogger
- Kemudian masuk ke tata letak
- Selanjutnya klik tambah widget
- cari dan klik tambah javascript/HTML
- Masukan kode dibawah ini:
<style type="text/css">ul.w2b_recent_comments{list-style:none;margin-left:10px;padding:0;height:300px;overflow:auto;}.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 !important;display:block;clear:both;overflow:hidden;list-style:none;}.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 10px;line-height: 1.4;}</style><script type="text/javascript">//<![CDATA[// Recent Comments SettingsvarnumComments = 10,showAvatar = true,avatarSize = 30,roundAvatar = true,characters = 70,defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",hideCredits = true;//]]></script><script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script><script type="text/javascript" src="http:/ahmancreativ77.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script>Keterangan: Ganti tulisan yang berwarna merah dengan alamat blog sobat..
