Update, Recent Comments Dengan Avatar V.3 [Blogger]
Recent comment atau widget komentar terbaru ini bernama Recent Comments v.3, masih sama dengan versi sebelumnya masih memunculkan avatar. Script original masih buatan Harish Dasari dan diedit oleh Afandi Kusuma. Pada versi sebelumnya, script yang dipakai ialah dari Kang Asep Sakahayang.
Kelebihannnya ialah Valid HTML5.
Untuk menciptakan tampilan berbeda, silahkan edit CSS diatas. Penjelasan script yang dapat dikostumisasi :
Sumber: KANG ISMET
Kelebihannnya ialah Valid HTML5.
SS: Liat aja punya saya, di bawah.. XD
Langsung aja pemasangannya Sob!
Cara pemasangannya sangat mudah, ialah buat widget baru HTML/JavaScript dan simpan aba-aba 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='ZLFS'; //]]> </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>
Untuk menciptakan tampilan berbeda, silahkan edit CSS diatas. Penjelasan script yang dapat 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 aksara isi komentar)defaultAvatar = "http://www.gravatar.com/avatar/?d=mm"
(avatar default)adminBlog='ZLFS'
(nama admin blog, wajib diganti)
Sumber: KANG ISMET