Cara membuat widget Recent Comment pada Blog

Halo sobat blogger, pada postingan ini saya akan share tentang widget recent comment pada blog   


Selamat Membaca!!!


Buat sobat blogger yang ingin menampilkan komentar terakhir di blognya bisa mencoba widget yang satu ini. menurut saya widget recent comments ini cukup unik karena juga menampilkan avatar image. Sobat blogger bisa melihat tampilannya seperti pada gambar di bawah.

 Caranya....? Masuk ke akun blogger > tata letak > add gadget> HTML/Javascript
Setelah itu tinggal masukkan saja kode widget recent comments dibawah ini;

<div style="overflow:auto;width:300px;">
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 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: 12px;font-style: none;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[

// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 100,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/bloggerbugis/js/Recent_Comments_New_Bloggerbugis.js"></script>
<script type="text/javascript" src="http://bekicot-sangar.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>
</div>

script by : bloggerbugis

Terakhir pratinjau, lalu simpan template.

Modifikasi;

1.  angka 5 (warna hijau adalah jumlah komentar terakhir yang ingin ditampilkan)
2.  angka 100 dan 40 adalah ukuran image avatar komentar postingan blog.
3.  Silahkan mencoba bereksperimen sendiri untuk hal-hal lainnya, cobalah.
4.  Ganti http://www.bekicot-sangar.blogspot.com dengan nama blog sobat

Demikian cara membuat widget recent comment dengan avatar atau komentar terakhir di blog. Semoga bermanfaat. 

Ditulis Oleh : Unknown ~ Blogger Pemula

Sobat sedang membaca artikel tentang Cara membuat widget Recent Comment pada Blog. Artikel ini dilindungi oleh DMCA Protection. Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Apabila melanggar akan diadukan ke DMCA Takedown <a href="http://bekicot-sangar.blogspot.com/2013/02/cara-membuat-widget-recent-comment-pada.html" target="_blank">Cara membuat widget Recent Comment pada Blog</a>