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...: