Mee Shitt || Recent Comments with Avatar for Blogger - Kali ini saya akan share tentang bagaimana membuat recent comment dengan avatar
Cara pemasangannya sangat mudah, yaitu buat widget baru HTML/JavaScript dan simpan kode ini didalamnya.
Untuk membuat tampilan berbeda, silahkan edit CSS diatas. Penjelasan script yang bisa dikostumisasi :
Untuk DEMO nya silahkan Berkomentar dan lihat pada Widget Recent Comment yang ada di sidebar Blog
Cara pemasangannya sangat mudah, yaitu buat widget baru HTML/JavaScript dan simpan kode ini didalamnya.
<style type="text/css" scoped> ul.kangismet_recent{list-style:none;margin:0;padding:0;} .kangismet_recent li{background:none !important;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{border: 1px solid #ddd;} .kangismet_recent a {text-decoration:none;} .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;width:35px;height:35px} .kangismet_recent li span{margin-top:4px;color: #222;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='Mee Shitt'; //]]> </script> <script type="text/javascript" src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js"></script> <script type="text/javascript" src="/feeds/comments/default?alt=json&callback=kangismet_recent&&max-results=50"> </script>
Kostumisasi
Untuk membuat tampilan berbeda, silahkan edit CSS diatas. Penjelasan script yang bisa dikostumisasi :
numComments = 5
(jumlah komentar yang ditampilkan)showAvatar = true
(false, apabila ingin menyembunyikan avatar)avatarSize = 35
(ukuran avatar dalam pixel)roundAvatar = true
(avatar bulat)characters = 40
(jumlah karakter isi komentar)defaultAvatar = "http://www.gravatar.com/avatar/?d=mm"
(avatar default)adminBlog='Mee Shitt'
(nama admin blog, wajib diganti)
37 komentar
Mantap Postingannya !!
izin nerapin di blog gan..
nice post gann :D ane mau coba dulu ...
Wahh Patut Dicoba :D ntar di coba ahh :v
Blog baru ya gan :V
izin buat coba coba gan..
Thanks gan infonya..
Kunjungi balik ya gan http://amzkomp.blogspot.com
Silahkan Sayang !
Makasih sob.
silahkan kalau mau dicoba, tapi jangan coba-coba !!!
boleh dicoba, tapi AWAS ! JANGAN COBA-COBA
iya nih, baru 8 jam !! #heheheh
Silahkan sob !!
sama-sama sob
Oke CapCus !
keren abis gan
backnya gan
ajaxid.blogspot.com
Thx info gan :D
makasih sob :*
Oke Capcus
makasih :*
thanks infonya gan..
:)
sama-sama sob ;)
Terimah kasih atas tutor-nya sob :D
sama-sama sob :*
Mantap Sob, thankz for script html'ny ya..
Kunjungan Balik Yoo!
fajrin-dimension.blogspot.com
ijin coba gan...
visit and coment back gan
http://kadekdimas.blogspot.com/
ijin mencoba gan....
KEREN COY
makasih sob, :*
Oke Capcuss !
silahkan sob, tapi jangan COBA-COBA !!
oke Capcuss bro !!
silahkan Mencoba, tapi Jangan COBA-COBA !
MAKASIH BROOOO
nice share sob, ntar ane coba,
#kunjungan baliknya di tunggu
silahkan sob
oke capcusssss !!!
saya udah pake gan, mantep nih cara'a :D
makasih udah share :)
iya, sama-sama *:
nanti gw coba caranya gan
Silangkan Sob !!
Keren infonya, sangat menarik
Ditunggu follow backnya :)
aldirahmanuntoro.blogspot.com
makasih GAN !
CAPCUSSS