Cara Memasang Recent Comment With Avatar For Blog

RudiEtnovian.Com - Huuft., tak terasa hari eksekusi sudah lewat dan alhamdulillah berjalan lancar. Jadi sekarang sudah bisa lebih fokus lagi ngeblognya. Hehe

Pada kesempatan ini, Saya akan menambah satu lagi tutorial blog yang mungkin bisa menambah keelokan dari sebuah blog, yaitu dengan Memasang Recent Comment With Avatar For Blog.

Widget recent comment kali ini adalah widget recent comment atau komentar yang menggunakan avatar masing-masing Commentator seperti yang terlihat pada gambar di samping.

Dengan widget seperti ini kita bisa tahu siapa pengunjung blog yang baru saja meninggalkan komentarnya di blog kita dan bisa segera me-reply komentar tersebut.

Widget seperti ini sangat cocok digunakan pada blog yang tidak menggunakan moderasi komentar untuk setiap komentar yang masuk.

Oke Sobat, kita langsung saja ke tutorial nya ya. Berikut langkah-langkah pemasangan widget recent comment tersebut.

• Hal pertama yang harus sobat lakukan tentunya adalah LogIn ke akun blogger sobat masing-masing.

• Setelah itu langsung masuk ke menu Tata Letak dan pilih "Tambah Gadget" trus pilih HTML/Javascript. Karena widget recent comment yang satu ini tidak perlu mengedit HTML Template sobat lagi.

• Setelah itu copykan script yang ada di blockquote di bawah ini ke dalam form "Tambah Gadget" tadi.

<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/9119159231/reccomtar-www-rudietnovian-com.js"></script><script type="text/javascript" src="ALAMAT BLOG SOBAT/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script><script type="text/javascript" src="http://yourjavascript.com/9319813191/recomtar-www-rudietnovian-com.js"></script>

• Ganti tulisan yang berwarna merah dengan URL Blog Sobat. Angka yang berwarna Orange untuk jumlah komen yang di tampilkan. Angka yang berwarna Hijau untuk ukuran avatar. Dan angka yang berwarna Pink untuk jumlah karakter huruf dari komentar yang akan ditampilkan.

• Terakhir, silahkan simpan gadget baru tersebut dan silahkan lihat hasilnya. :)

Sangat mudahkan sobat Cara Memasang Recent Comment With Avatar For Blog tersebut, Sobat tidak perlu repot-repot lagi untuk mengedit HTML Template blog Sobat.

SemogaTutorial Blog kali ini bisa memberikan manfaat ya Sobat.

Dan jika tidak memberatkan Sobat Revan semua jangan lupa untuk meninggalkan komentarnya di blog ini ya Sobat.