Membuat Recent Comment dengan avatar di blog ~ Gnaces-cyber4rt.blogspot.com

Membuat Recent Comment dengan avatar di blog

Setiap blogger menginginkan tampilan blog yang menarik dan secantik mungkin. Selain merupakan sebuah kebanggan tersendiri, blog yang menarik juga merupakan salah satu cara untuk membuat pengunjung lebih betah dan senang berkunjung ke blog.

Cara yang paling baik adalah dengan menambahkan beberapa widget menarik pada sidebar blog. Salah satu widget yang menarik yang sebaiknya menghiasi sidebar blog adalah Recent Comments dengan Avatar.

Recent comments adalah widget yang akan menampilkan beberapa komentar terakhir di blog. Adapun jumlah komentar yang ditampilkan bisa diatur sesuai keinginan. Dengan adanya Avatar atau foto profil komentator di dekat tulisan komentar, membuat Recent Comments dengan Avatar ini lebih menarik di bandingkan Recent Commnets biasa yang tidak menampilkan avatar profil komentator.

Langkah Membuat Recent Comments dengan Avatar:

1. Masuk ke account Blogger sobat
2. Klik Layout/ Tata Letak
3. Klik Add a Gadget/Tambahkan element Baru
4. Tambahkan HTML/JavaScript

<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="http://yourjavascript.com/211271156231/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://gnaces-cyber4rt.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

5. Ganti gnaces-cyber4rt.blogspot.com dengan blog Anda.
6. Simpan dan lihat hasilnya

Keterangan:
avatarSize 50        Ukuran avatar atau gambar profil
characters 60        Jumlah kata pada komentar yang ingin ditampilkan.
numComments 5     Jumlah komentar yang ingin ditampilkan

SELMAT MENCOBA ^^....