Widget Komentar Terbaru Blog ("Recent Comments")

Recent Comments adalah Widged Untuk mengetahui komentar terbaru yang ada diblog kita, Widged ini cukup bermanfaat bagi pemilik bloger untuk mengetahui setiap komentar - komentar terbaru di setiap Posting Blog mereka. Karna bagi para pengguna Blog, setiap komentar sangat lah penting Karna dari situ mereka akan mendapatkan penilaian dari setiap Posting Blog mereka, Seberapa jauhkah kualitas dari setiap tulisan yang mereka Posting. Baiklah mari kita langsung praktek, Cara nya sangat simple kok....

 Recent Comments Code

<style type="text/css"> ul.helploggercomments{list-style: none;margin: 0;padding: 0;} .helploggercomments li {background: none !important;margin: 0 0 6px !important;padding: 0 0 6px 0 !important;display: block;clear: both;overflow: hidden;list-style: none;word-break:break-all;} .helploggercomments li .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;} .helploggercomments li img {padding: 0px;position: relative;overflow: hidden;display: block;} .helploggercomments li span {margin-top: 4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style> <script type="text/javascript"> //<![CDATA[ // Recent Comments Settings var numComments = 8, showAvatar = true, avatarSize = 60, roundAvatar = true, characters = 40, showMorelink = false, moreLinktext = "More »", defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxaRwuEGe1AC3XPzgbGqESQvVP1T9mtYqcOerlJF-PFOcota5-9MWKuZa88c2o4eTcQQ0yJ2MrOy5P1ZgNDGN6gNTSEQFbJrEGvlLixzDipbQB4SWNtl-b0BibTTQV18I6LE2eIQIMKTBG/s1600/default-avatar.jpg", hideCredits = true; //]]> </script> <script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/helplogger/[helplogger.blogspot.com]recent-comments.js"></script> <script type="text/javascript" src="/feeds/comments/default?alt=json&callback=helploggercomments&max-results=5"></script><div style="font-size: 10px; float: right; margin-top: -15px">Get this <a href="http://helplogger.blogspot.com/2012/03/add-recent-comments-widget-with-avatar.html" rel="nofollow" >Recent Comments Widget</a></div>

Catatan :
                Text Warna Merah adalah Url avatar
                Text Warna biru adalah jumlah comentar yang akan ditampilkan

Sobat Bisa mengganti kedua Code itu jika Ingin, Kembali lagi semua itu Tergantung Selera Masing - Masin
--------------------------------------------------------------------------------------------------- 

Good Luck

1. Sign in terlebih dahulu dengan my account sobat, atau sobat bisa klik langsung di   
     http://www.blogger.com.

2. Kemudian Click tata letak Dashboard blogs sobat. Seperti gambar dibawah ini.

3. Ini lah contoh Template Blog saya, tentunya setiap template Blog berbeda. Tapi itu bukanlah menjadi sebuah permasalah. Karna Yang kita perlukan hanya menambahkan sebuah Widget pada Blog. Sekarang sobat tinggal click tambahkan Gadged .

  

  

4. Lalu sobat pilih HTML/javaScript

5.  Ini Langkah Terakhirnya ..... Sobat Tinggal Isi Kolom 1 Untuk Nama Widget Tersebut, Tersera Sobat Mau Apa namanya, Lalu Sobat Copy Source Code Diatas Ke kolom 2. Click Simpan dan Selesai.

6. Bukak Blog Sobat. Jika gagal Ulang Lagi dari langkah awal dan simak dengan baik - baik.

Baiklah itu saja untuk kali ini, samapai jumpa di Tutorial selanjutnya. sebelum dan sesudahnya saya mintak maaf jika ada salah kata dalam penulisan saya, karna saya hanya lah seorang manusia. bukan maksud tuk menggurui, melaikan hanya ingin berbagi.

 JANGAN LUPA COMEN AND CLIG G+ NYA DONK