Cara Membuat Recent Comments pada Blog

Memasang recent komen diblog dapat membuat pengunjung menjadi mudah untuk mencari artikel mana saja yang terakhir kali diberikan komentar.

Sebenarnya saya ingin memasang diblog ini, karena template blog saya ini terlalu kecil saya telah melepaskan widget ini, dan akhirnya saya share cara memasang recent comment untuk blogger disini.

Mungkin anda semua, bingung mencari-cari artikel yang membahas tentang hal ini, sebenarnya banyak sekali yang sudah share, tetapi hanya beberapa saja yang benar-benar memberikan tutorial yang cukup jelas dan akurat.

Dan bagi anda yang sudah tidak sabar lagi ingin memasang recent komen pada blog anda sendiri, untuk itu langsung saja kita simak bagaimana cara sederhana dan simple nya.

Baca juga: Cara Membuat Recent Post Keren diblog

Recent Comments

Jika sobat tidak terlalu paham dengan langkah-langkah dibawah ini, sobat bisa langsung tanyakan pada kolom komentar yang telah saya sediakan dibawah.

1. Masuk blogger.com
2. Klik judul blog anda
3. Di Menu bagian sebelah kiri, pilih Tata Letak
4. Kemudian tambah Gadget - Html/Javascript 
5. Masukkan kode dibawah ini pada Html/javascript tersebut
<style type="text/css" scoped>
ul.kangismet_recent{list-style:none;margin:0;padding:0;}
.kangismet_recent li{background:none !important;margin:0 0 6px !important;padding:3px
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
border-radius:9px; max-height: 100px;}
.kangismet_recent li:hover{border: 1px solid #ddd;}
.kangismet_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px}
.kangismet_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=50,
 adminBlog='Raja Online';
//]]>
</script>
<script type="text/javascript" src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=kangismet_recent&amp;&amp;max-results=50">
</script>
6. Sebelum anda menyimpan, harap perhatikan dulu cara setting nya
  1. numComments = 5 (jumlah komentar yang ingin ditampilkan)
  2. showAvatar = true (false, jika ingin menyembunyikan avatar)
  3. avatarSize = 35 (ukuran avatar dalam pixel)
  4. roundAvatar = true (avatar bulat)
  5. characters = 40 (jumlah karakter isi komentar)
  6. defaultAvatar = "http://www.gravatar.com/avatar/?d=mm" (avatar default)
  7. adminBlog='Raja Online' (nama admin blog, wajib diganti) 
7. Setelah itu simpan, dan lihat hasilnya.

Membuat recent comment diblog ini mudah sekali untuk dipraktekkan. Nah, jadi anda tidak akan tidak berhasil, karena cara ini sangat mudah sekali untuk dipraktekkan. Tetapi jika anda benar-benar memperhatikan kode tersebut.

Cara Membuat Recent Comments pada Blog Rating: 4.5 Diposkan Oleh: Al Fikri

3 komentar:

  1. wih ini nih yang ane cari dari tadi gan, thanks min :-d
    coba dulu ah di blog sendiri hehe

    ReplyDelete
  2. Wah Mantap Mas!

    Ditunggu Kunjungan Baliknya!

    Ijin Praktek plus copas di blog ane ya bro!

    ReplyDelete
  3. Wah, kebetulan aku baru buat blogspot baru. Bisa di terapkan ini mas, makasih

    ReplyDelete

Apa tanggapan anda tentang artikel diatas?