Cara membuat widget Recent comment pada blog

Selamat malam sobat blogger. Kita jumpa lagi di blog ini. Apa kabarnya semua sobat blogger ? kalau saya baik dan lagi pengen nulis ini. 

Untuk postingan kali ini, saya akan membahas bagaimana cara membuat/memasang widget recent comment pada blog ? Widget recent comment adalah widget yang fungsinya untuk menampilkan komentar-komentar pada blog yang baru saja atau terbaru di komen oleh pengunjung. Untuk membuat widget ini sebenarnya mudah, yang penting mempunyai blog dan juga script nya.

Bagi teman-teman yang sudah tidak sabar untuk memasang widget ini di blog nya, silahkan mengikuti tutorial singkat yang saya buat dibawah ini.

1. Pastinya sobat semua harus login ke Blog. lalu membuka Tata letak.

2. Kemudian klik Tambahkan Gadget dan Pilih HTML/JavaScript.

3. Copy Script dibawah ini.

<style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .w2b_recent_comments 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;} .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .w2b_recent_comments 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 = 5, showAvatar = true, avatarSize = 30, roundAvatar = true, characters = 30, defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; //]]> </script> <script type="text/javascript" src="http://gemar-html.googlecode.com/svn/trunk/js/widget-komentar-terbaru-dengan-avatar-bulat.js"></script> <script type="text/javascript" src="http://www.rizkiwebsite.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

4. Pastekan seperti gambar dibawah ini.

5. Setting sesuai kemauan. Simpan dan lihat hasilnya..

Ganti url :
- rizkiwebsite.blogspot.com menjadi URL blog sobat.
- angka 5 ganti sesuai banyaknya komentar yang akan ditampilkan.


Terima kasih telah mengikuti tutorial kali ini. sekian postingan saya tentang Cara membuat widget Recent comment pada blog. dan jangan lupa untuk memberikan komentar atau sarannya. terakhir, semoga postingan ini bisa bermanfaat dan dapat mempercantik tampilan blog sobat semua.