Cara Membuat Widget Recent Comment

Widget recent comment adalah widget yang diperlukan agar pengunjung tetap berada di halaman blog. Widget recent comment ini selain menaruh link dan isi komentar juga terdapat avatar yang bulat di sampingnya.

Dan tentu saja, Agan juga dapat mengubah avatar defaultnya, menambahkan scroll dll. 

Bagaimana cara membuat widget recent comment dilengkapi dengan avatar dan isi komentarnya, silahkan ikuti petunjuk dibawah ini.

1. Login ke Blogger, pilih blog yang ingin Anda edit. Untuk keamanan bila terjadi kesalahan edit, buat tempalte cadangan dengan mengklik "cadangkan/pulihkan", simpan file template cadangan tersebut.

2. Kemudian masuk ke Tata letak ==> Tambah gadget ===> Html/javascript

3. Masukkan semua kode dibawah ini:

1. <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='Mas Yadi';
   //]]>
   </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>

Sebelum disimpan Anda ganti dulu Adminblog Mas Yadi dengan Adminblog Nama Anda, setelah diganti dengan nama adminblog Anda, kilk save / simpan. Lihat artikel Anda yang sudah berisi komentar, atau Anda bisa uji coba membuat komentar dengan akun blog untuk melihat hasilnya.

Apabila ada yang masih kurang jelas, silahkan tinggalkan pesan pada kolom komentar.
Semoga bermanfaat.

Cara Membuat Widget Recent Comment 2015-09-08T17:45:00-07:00 Rating: 4.5 Diposkan Oleh: Unknown