Tuesday, April 30, 2013

Cara Memasang Recent Comment With Avatar For Blog


Cara Memasang Recent Comment With Avatar For Blog
Cara Memasang Recent Comment With Avatar For Blog | 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. Semoga Tutorial 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.

Artikel Terkait

Blog ini dibuat atas ketertarikan dan minat kami dengan Dunia IT khususnya masalah software, game dan sebagainya. Blog ini juga sebagai media sosial untuk berbagi Info Menarik serta Hiburan lainnya agar lebih bermanfaat.

- Dilarang SPAM

- Dilarang Pasang Link Aktif

- Harus Sopan.
EmoticonEmoticon