Cara Membuat Widget Recent Comment dengan Avatar
Kali ini saya akan posting tentang membuat Recent Coment. mungkin sobat blogger ada yang belum tau tentang widget yang dibuat oleh salah satu master Blogger, Kang Ismet. Sesuai nama widgetnya 'Recent Coment' Widget ini berfungsi untuk memunculkan beberapa komentar terbaru, Widget ini juga dapat menghindari komentar spam.
Langsung saja disimak baik-baik tutornya :
- masuk Tab Tata Letak
- Tambah Gadget
- pilih HTML/JavaScript
- copy kode berikut ini dan pastekan di kolom HTML yang tersedia :
<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='Fakhrie-Hs'; //]]> </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>
Simpan
Lihat hasilnya
Note : angka yang berwarna merah merupakan jumlah komentar yang akan ditampilkan pada widget tsb. silahkan dirubah sesuai selera sobat
yang berwarna biru merupakan Nama admin blog, silahkan dirubah dengan nama anda.
sekian tutorial dari saya, semoga bermanfaat bagi sobat.
