Pengikut

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

Posting Komentar

  1. trimakasih gan atas tutorialnya :)

    BalasHapus
    Balasan
    1. iya masama, thank's juga buat commentnya

      Hapus
  2. thanks gan sempat bingung jg awalnya, cari digoogle ketemu web anda

    BalasHapus
    Balasan
    1. makasih gan atas kunjungan + komentarnya, suskes selalu

      Hapus
  3. sudah saya coba bro..tapi kolom buat orang kirim komentar kesaya kok g ada y?

    BalasHapus
    Balasan
    1. maaf gan, kalo widget recent komen itu bukan buat kirim atau balas komentar, tapi hanya menampilkan aktivitas komentar terbaru yang terjadi di blog kita.

      Hapus
  4. Balasan
    1. sama sama gan, makasih juga udah menyempatkan waktunya untuk berkomentar, sukses selalu

      Hapus

Silahkan berkomentar, komentar sobat adalah inspirasi saya !!