Widget Recent Comment V3 Valid HTML5

Widget Recent Comments adalah widget untuk menampilkan komentar - komentar terbaru, fungsinya agar admin blog bisa langsung melihat komentar - komentar terbaru. Widget ini dikembangkan oleh Kang Ismet. Fitur baru yang ditambahkan yaitu "Expanded clickable area" jadi semua area dalam widget ini clickable, bukan hanya nama komentator saja seperti versi sebelumnya.

Jika tertarik untuk memasangnya, silahkan ikuti langkah berikut:

1. Masuk ke Tata Letak >> Tambah Gadget >> HTML/Javascript
2. Salin dan letakan kode beriikut

<style scoped="" type="text/css">
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='Primamulia Teguh';
//]]>
</script>
<script src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js" type="text/javascript"></script>
<script src="/feeds/comments/default?alt=json&amp;callback=kangismet_recent&amp;&amp;max-results=50" type="text/javascript">
</script>

Keterangan

• 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='Primamulia Teguh' (nama admin blog, wajib diganti)

Sekian artikel tentang Widget Recent Comment V3 Valid HTML5 semoga bermanfaat ...

Tweet

Subscribe to receive free email updates: