Widget Recent Comment Dengan Thumbnails Di Blogger

Pada postingan ini saya akan bagikan sebuah Widget cantik Recent Comment Dengan Thumbnails, Widget ini saya dapat dari Blog-nya Arlina. Kali ini saya share kembali untuk menghias sekaligus mempercantik tampilan blog Anda, namun tetap ringan.

Silakan ikuti prosedur pemasangan Widget Recent Comment Dengan Thumbnails di Blogger Di bawah ini :

1) Login ke Blogger >> Tata Letak >> Add Gadget >> Gadget >> HTML/JavaScript
Copy dan tempelkan Kode HTML di bawah ini:

<style type="text/css" scoped>
ul.kangismet_recent{list-style:none;margin:0;padding:0;}
.kangismet_recent li{background:transparent;margin:0 0 6px!important;padding:3px
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
border-radius:9px; max-height: 100px;}
.kangismet_recent li:hover{background:#fff;border: 1px solid #e9e9e9;}
.kangismet_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{border-radius:100px;width:35px;height:35px}
.kangismet_recent li span{margin-top:4px;color: #444;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
var
numComments = 5,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 40,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
maxfeeds=50,
adminBlog='Wayan Armana';
//]]>
</script>
<script type="text/javascript" src=" https://googledrive.com/host/0B2Ug7uAkKcfgS09iVnhPSGtGYXc/"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=kangismet_recent&amp;&amp;max-results=50">
</script>

Note :
numComments = 5 (Jumlah Comment yang tampil)
avatarSize = 35 (Ukuran bingkai Avatar yang tampil)
characters = 40 (Jumlah Snippet karakter yang tampil)

2) Jangan lupa simpan Gadget baru Anda. Sekarang Widget Recent Comment Dengan Thumbnails sudah ada di Blog Anda.
Thank You.

Search Post

Label :