Membuat Recent Coment avatar di Blogger

Nah setelah Kemarin saya Shared mengenai widget Random Post sekarang saya Akan Shared juga widget yang tidak kalah Penting yaitu Widget Recent Koment dengan Avatar... Recent Koment Merupakan Widget yang menampilkan Komentar" terbaru yang ada di Blog Tersebut. Tidak hanya itu Widget ini juga akan tampil menarik karena avatar tersebut adalah foto profil kita sendiri. Berbeda dengan Recent Comment yang tanpa avatar akan terlihat kaku dan tidak menarik.

Jadi Mengapa dikatakan Penting..??

Karena Widget ini bisa Membuat Pengunjung kita Tertarik Untuk Berkomentar di Blog kita... Dengan begitu Blog kita jadi tidak sepi Komentar dech.. hehehe :)

Tidak hanya itu Sob Widget Recent Comment ini Juga dibutuhkan manakala kita malas melihat satu persatu komentar yang masuk pada artikel kita. Dengan Recent Comment kita akan mengetahui artikel mana saja dan siapa saja yang masuk pada blog kita.

Ok Sob Sudah cukup basa-basinya langsung saja jika Sobat tertarik mau memasangnya silahkan ikuti langkah-langkahnya Berikut ini...:

Login ke akun blogger

        1.Klik Design/Layout/Tata Letak

        2.Page Element

        3.Add a Gadget HTML/Javascript

        4. Kemudian masukan kode berikut 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  = "https://en.gravatar.com/badilah",

hideCredits = true;

//]]>

</script>

<script type="text/javascript" src="http://badilah.googlecode.com/files/recentcomment.js"></script>

<script type="text/javascript" src="http://optimus-software.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

Keterangan :

Ganti yang Berwarna Merah atau http://optimus-software.blogspot.com dengan URL blog Sobat.

numComments=5 adalah banyaknya komentar yang akan ditampilkan,

avatarSize= 50 adalah ukuran avatar

characters=60 adalah banyaknya karakter komentar yang akan muncul.

5. Simpan/Save dan Lihat Hasilnya...

Catatan : Jika di Recent Koment tidak Muncul Avatar brarti komentator menggunakan Profil NAME/URL atau Anonymous.

Nah bagaimana Sob mudah bukan..?? dan apakah Sobat sudah Berhasil menerapkannya di Blog sobat..?? Silahkan Tinggalkan Komentar sobat di Akhir postingan ini... Selamat mencoba dan semoga bermanfaat, Terimakasih atas kunjungannya... :)

Baca Juga yang ini Sob...:

Tutor Blogger

• Cara Membuat Scroll pada Label Blog
• Daftar Social Bookmark Indonesia | Tutor Blogger
• Cara Mendapatkan PageRank Dari Google
• Penyebab Link in Alexa Tidak Bertambah atau No Data
• Perbedaan Menjiplak dan Meng-Copas di Blogger
• Membuat Scroll Pada Kotak Komentar Blog
• Membuat Kotak Komentar Thread Keren di Blogger
• Widget Penting yang harus ada di Blogger.
• Cara Cepat dan Mudah Mengetahui Blog Dofollow Atau Nofollow
• Tips Mendapat Backlink Berkualitas Permanent.
• Penyebab Jumlah Pelanggan Feedburner Naik-Turun
• Membuat Random Post di Blogger.
• Pentingnya Blogwalking | Tips SEO
• Di Halaman Awal/Home Blog Hanya Muncul 1 Postingan.
• Cara Scan Blog dari Virus atau Malware
• Memasang Meta tag Otomatis di setiap halaman Blog.
• Cara Membuat Link Sumber Otomatis ketika Artikel Blog di Copas.
• Berkomentar Bisa Dapat Backlink Untuk Optimasi SEO
• Membuat Thread Balas/Reply Komentar Blogger.
• Cara Membuat artikel Terkait dengan Scroll di bawah postingan Blog.
• Cara Membuat Tombol Shared (Daun) keren di Blog.
• Cara Menampilkan Navbar Blog secara Auto Hidden.
• Cara Membuat Box Followers Twitter di Blog.
• Cara Merubah Tulisan Posting Baru, Beranda, Posting Lama dengan Gambar.