Cara Membuat Recent Comment Di Blog

Membuat Recent Comment - Kali ini kita akan memasang widget yang menunjukkan komen terakhir visitor di postingan kita. Recent Comment yang saya posting ini dengan berbagai versi, ada yang Recent Comment standar, Recent Comment dengan gambar dan lainnya. kata para senior blogger dipasang recent comment biar SEO friendly, karena dengan memasang widget ini kita dan pengunjung lain akan mudah melihat comment terakhir di blog kita, jadi kita bisa dengan mudah membalasnya. Berikut adalah langkah mudah pembuatannya:

1. Masuk akun blogger

2. Pilih Rancangan

3. Klik Page Element / Elemen laman

4. Add a Gadget / Tambah Gadget

5. Pilih HTML/Javascript

Kemudian copast script di bawah ini di dalam box HTML/Javascript baru tadi

Recent comment jenis pertama

<script style="text/javascript" src="http://antigaptek.googlecode.com/files/recentcomment.js">
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://gopar-site.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Ganti tulisan ini http://gopar-site.blogspot.com/ dengan url blog sobat.
SELESAI Simpan dan lihat hasilnya.

 sampel untuk script diatas

Recent comment jenis kedua

<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  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://johnytemplate.googlecode.com/files/recentcomment.js"></script>
<script type="text/javascript" src="http://www.galeoncore.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

Sebelum disimpan ganti http://gopar-site.blogspot.com/ dengan URL blogmu sendiri.  
5 adalah banyaknya komentar yang akan ditampilkan  
50 adalah ukuran foto avatar dan  
60 adalah banyaknya karakter komentar yang muncul.

SELESAI Simpan dan lihat hasilnya.

  sampel untuk script diatas

Recent comment jenis ketiga

Kali ini kita tidak memakai banyak scrip, tapi hanya menggunakan fasilitas yang telah disediakan widged blogspot. caranya mudah seperti berikut ini:

• Login ke Blog anda > Pilih Design
• Kemudian Add a gadged > pilih Feed
• Masukkan Url berikut
• http://gopar-site.blogspot.com/feeds/comments/default
• Ganti http://gopar-site.blogspot.com dengan alamat blog anda dan simpan

 sampel untuk script diatas 

Sangat mudah bukan, tidak perlu pusing menambahkan scrip. kata para senior bloger jika ingin blog anda mempunya speed atau kecepatan yang maksimal, janganlah terlalu banyak menggunakan javascript atau kode kode yang akan membuat blog anda lelet atau berat. ok deh silahkan di praktekan cara membuat Recent comment di blog. semoga sukses ya .