Cara Membuat Recent Comment Dengan Avatar Di Blog

Cara Membuat Recent Comment Dengan Avatar Di Blog - Tutorial lagii... Sekarang, saya akan jelas tutorial lagi tentang Cara Membuat Widget Recent Comment With Avatar Di Blog. Nah, buat blog sobat yang mungkin bisa di bilang blog nya ramai dan sangat sering di datangi pengunjung, dan pastinya banyak sekali pengunjung yang berkomentar di blog sobat. Dengan banyak nya pengunjung yang berkomentar di blog sobat tentunya membuat hati sobat senang sekali, karena gak sia-sia membuat blog dengan banyak pengunjung dan banyak yang berkomentar. Dengan begitu, saya buat tutorial blogger pemula yang berjudul cara membuat widget recent comment dengan foto di blog.

Untuk sobat yang belum paham apa itu recent comment atau komentar terakhir dari pengunjung blog sobat bisa liat seperti gambar dibawah:

Dengan sobat memasang widget recent comment ini, akan menampilkan komentar terakhir dari pengunjung sobat yang berbaik hati untuk berkomentar di artikel blog sobat yang unik dan menarik untuk diberi komentar. Makanya, buat blog sobat yang pengunjung nya banyak banget bisa di bilang begitu. Pasang widget recent comment aja.

1. Login Blogger

2. Tata letak/layout

3. Add gadget

4. HTML/JavaScript

5. Copy kode dibawah ini kemudian paste kan pada kolom HTML/JavaScript

<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='Fahmi Fanirius';
//]]>
</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&amp;callback=kangismet_recent&amp;&amp;max-results=50"></script>

6. Simpan perubahan

*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='Fahmi Fanirius' (nama admin blog)