Trik Menampilkan Recent Comment di Blog

Banyak cara untuk Mengetahui siapa saja yang sudah mengunjungi blog kita, seperti Chat Box, Friend Google Connect / Followers, Komentar dan lain - lain. Hal ini sangat berguna untuk mengetahui pengunjung terbaru dan mempererat tali persahabatan kita antara sesama blogger. Dengan begitu, kamu juga dapat membalas berkunjung ke blog yang sudah berkenan membaca blog kamu. Tentunya trafik Blog kamu akan meningkat seiring banyaknya kunjungan dari para blogger/netter. Pada kesempatan ini saya akan berbagi mengenai Trik menampilkan Komentar terbaru di blog yang sedang kamu kelola. Cara ini sangat sederhana karena kode yang akan dimasukkan tidak terlalu banyak.
Ada dua cara untuk trik ini, silahkan kamu pilih salah satu dari dibawah ini :

A. Recent Comment dengan RSS Feed

Untuk menampilkan Recent Comment dengan tampilan seperti berita, kamu bisa ikuti langkah - langkahnya :

1. Login ke blog kamu
2. Masuk Ke Menu Layout > Page Element
3. Pilih Sidebar yang akan kamu jadikan sebagai tempatnya, lalu Klik "Add a Gadget"
4. Setelah keluar tampilan menu Gadget, silahkan kamu Pilih "Feed"
5. Masukkan alamat rss dari komentar kamu, seperti contoh dibawah ini :

http://aagen-blog.blogspot.com/feeds/comments/default

Silahkan kamu Ganti URL yang berwarna Biru dengan Alamat Blogmu
Jika ingin menampilkan Postingan terbaru, kamu ganti kata yang berwarna merah dengan posts

B. Recent Comment yang Dimodifikasi

Maksud dari Recent Comment yang dimodifikasi adalah kamu memasukkan suatu script HTML / Javascript secara manual. Adapun untuk tutorialnya seperti berikut :

1. Login ke blog kamu
2. Masuk Ke Menu Layout > Page Element
3. Pilih Sidebar yang akan kamu jadikan sebagai tempatnya, lalu Klik "Add a Gadget"
4. Setelah keluar tampilan menu Gadget, silahkan kamu Pilih "HTML/Javascript"
5. Masukkan Kode dibawah ini :

---

<div style="overflow:auto; width:100%px; height:200px; padding:0px 0px 0px 5px; border:0px solid #FFF;">

<script style="text/javascript" src="http://aagenblog.host56.com/scriptblog/aagen-blog_comment.js"></script>
<script style="text/javascript">var a_rc=20;var m_rc=false;var n_rc=true;var o_rc=250;</script>
<script src="http://aagen-blog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

</div>

---

Semua kode yang berwarna merah, silahkan disesuaikan dengan blogmu :

Height bisa kamu sesuaikan dengan tinggi sidebar yang kamu mau
http://aagen-blog.blogspot.com bisa kamu ganti dengan alamat blogmu
comments bisa kamu ubah dengan "posts" jika yang ingin ditampilkan adalah posting terbaru

Mungkin ada yang mau menyimpan Kode Javascript ini ke hosting sendiri, silahkan di download disini :

Via ZIddu

Semoga trik ini bermanfaat untuk semua, Selamat Mencoba ya.....



Powered Article By :

Pingin Belajar

Posted in: Tutorial Blog