Cara mudah memasang Komentar terbaru dengan avatar

Cara mudah memasang Komentar terbaru dengan avatar | Salam sobat blogger, komentar merupakan suatu sarana dalam berkomunikasi secara tertulis. Komentar dapat berupa tanggapan, kritik, saran, atau sekedar salam sapa dari pengunjung. Namun ada beberapa hal yang membuat pengunjung blog hanya membaca postingan tanpa meninggalkan jejak. Salah satunya adalah tidak adanya daya tarik pengunjung untuk mengomentari postingan blog tersebut. Nah... untuk itulah postingan ini dibuat agar menimbulkan daya tarik bagi pengunjung dalam mengomentari postingan blog.

Sebelumnya pernah juga membahas mengenai membuat Recent Comment. Lihat dan baca tentang Recent Comment pada Cara membuat recent comment terbaru pada blogger. tetapi tidak menampilkan gambar atau avatar dari pengomentar. Nah... kini telah hadir dengan Cara mudah memasang Komentar terbaru dengan avatar hanya dengan menambahkan HTML / Javascript pada Add Gadget milik blog sobat.

Nah... Langsung aja kita membuatnya :

1. Seperti biasa Log in pada akun blogger sobat.

2. Setelah itu, pilih TATA LETAK => Tambah Gadget => HTML / JAVASCRIPT

3. Setelah itu copy kode di bawah ini :

<style type="text/css"> ul.tb_recent_comments{list-style:none;margin:0;padding:0;} .tb_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;} .tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .tb_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 = 50, characters = 60, defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; //]]> </script> <script type="text/javascript" src="https://masolis-javascript.googlecode.com/svn/trunk/rcentcmmntavr.js"></script> <script type="text/javascript" src="http://segenggam.googlecode.com/files/RecentCommetBergambar.js"></script> <script type="text/javascript" src="http://salman-ar.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

Untuk mempermudah Copy kode sobat dapat mencopy dengan hanya meng-klik "Copy Semua" pada atas kode ini.

Tetapi jangan lupa untuk membaca keterangan kode dibawah ini :

Keterangan :

numComments  = 5, Merupakan kode untuk menampilkan banyaknya komentar yang akan ditampilkan. Bisa di ganti sesuai dengan keinginan sobat.

showAvatar  = true, Merupakan kode untuk menampilkan Avatar/gambar si pengomentar, jika tidak mau ditampilkan dapat dengan cara merubah TRUE menjadi FALSE

avatarSize  = 50, Merupakan untuk ukuran dari gambar avatar tersebut.

characters  = 60, Merupakan jumlah karakter komentar yang akan muncul

Dan yang terPENTING  adalah pada kode :

<script type="text/javascript" src="http://salman-ar.blogspot.com/feeds/comments/default?...

 Jangan lupa untuk merubah ALAMAT BLOG tersebut dengan alamat BLOG SOBAT.

4. Pastekan pada kotak HTML / JAVASCRIPT yang tersedia.

5. Setelah itu, kemudian klik SAVE

6. Dan terakhir SIMPAN SETELAN dan lihat hasilnya pada blog sobat.

Gampangkan.... :)

Nah... itu tadi mengenai Cara mudah memasang Komentar terbaru dengan avatar , Semoga dapat bermanfaat, Selamat mencoba dan semoga sukses... :)

Jangan lupa juga untuk membaca Trik dan Tutorial Blogger lainnya, 

Share this

Author : Salman Syuhada

Related Posts