Membuat Komentar Terbaru (Recent Comment) di Blog

Komentar Terbaru atau Recent Comment adalah sebuah widget yang menampilkan komentar-komentar terbaru yang dipublikasikan di blog kita, jadi dengan widget ini para pengunjung pun dapat dengan mudah memantau komentar-komentar terbaru yang mungkin berhubungan dan bermanfaat bagi mereka.

Karena biasanya pada beberapa kasus para pengunjung akan menunggu komentar balasan untuk mereka, mungkin itu berupa keterkaitan dengan masalah yang mereka tuliskan di komentar, atau bisa juga hanya berupa saran, nah dengan widget ini kita dapat mempermudah pengunjung mengetahui balasan terhadap komentar mereka, atau hanya sekedar untuk melihat-melihat diskusi dan komentar di blog.

Selain itu, widget komentar terbaru ini juga bersifat otomatis, jadi akan langsung memasukkan setiap komentar yang baru dipublikasikan ke dalam widget ini. Penerapanya juga mudah, kita hanya perlu memasukkan beberapa kode seperti  javascript, css, dan html ke dalam blog kita, jadi, langsung saja disimak yang berikut ini untuk pemasanganya.

Membuat Komentar Terbaru (Recent Comment) di Blog

1. Login ke Blog.

2. Pilih Tata Letak / Layout.

3. Klik Add Widget.

4. Pilih HTML/JavaScript.

5. Pastekan kode dibawah ini kedalamnya.

<style type="text/css" scoped>
ul.farespo_recent{list-style:none;margin:0;padding:0;}
.farespo_recent li{background:transparent;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;}
.farespo_recent li:hover{background:#fff;border: 1px solid #e9e9e9;}
.farespo_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{border-radius:100px;width:35px;height:35px}
.farespo_recent li span{margin-top:4px;color: #444;display: block;font-size: 12px;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    var
 numComments  = 7,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://pradnya.org.in/sites/default/themes/pradnya/images/default_avatar.jpg",
 hideCredits = true;
 maxfeeds=50,
 adminBlog='Farhan';
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/61034122149/recent.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=farespo_recent&amp;&amp;max-results=50">
</script>

Note: kode yang berwarna merah adalah jumlah komentar yang ingin ditampilkan

6. Klik "Save", dan selesai.

Demikian informasi terbaru tentang bagaimana cara membuat widget komentar terbaru atau recent comment di blog, simak juga artikel menarik lainya seputar widget blog tentang cara memasang komentar facebook di blog, semoga bermanfaat, dan selamat mencoba Bloggers!

Tweet