Halaman

  • Beranda

Rabu, 01 Agustus 2012

Trik Membuat Widget Recent Comment di Blog

Salam blogger, untuk kesekian kalinya blog saya membahas mengenai opsi komentar di blog baik blogspot maupun wordpress. Di posting yang sebelumnya saya sudah sedikit menjelaskan bagaimana caranya membuat Comment Facebook di blog maupun cara membuat kotak komentar blog dan facebook berdampingan. Nah, pada posting kali ini saya akan sedikit share bagaimana membuat sebuah widget Recent Comment atau komentar terbaru, yang mana akan sangat membantu untuk mengetahui new comment di blog.

Berikut langkah-langkah membuat Recent comment:
1. Login ke account blogger sobat
2. klik menu Tata letak
 
3. lalu tambah gadget
 
4. kemudian pilih html/javascript
5. Copy kode dibawah ini ke box html tersebut

<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://boytriks.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
     Sobat bisa mengganti angka-angka yang berwarna biru di atas untuk 
     mengatur Recent comment dan ganti Url nya dengan alamat blog sobat.
6. Simpan Widget

Jika sobat punya pertanyaan atau unek-unek seputar widget diatas, silahkan berkomentar di kotak comment yang ada dibawah posting.
Selamat mencoba dan semoga bermanfaat

0 komentar:

Posting Komentar