Friday, May 20, 2011

Cara Membuat Recent Comment / Komentar Terakhir Pada Blog Blogspot

Terlalu banyak ruang kosong di sidebar blog ??? Tambahkan saja WIDGET RECENT COMMENT. Widget Recent Comment adalah widget yang menampilkan komentar terakhir pada postingan blog. Adapun jumlah komentar yang ditampilkan bisa diatur sesuai keinginan kita.Masalahnya, terlalu banyak widget bisa membuat sebuah blog menjadi berat di load. Tapi kalau widgetnya bermanfaat, tentu saja keputusan terakhir ada pada Author Blog. hehe....

Saya sendiri menganggap sebuah widget yang menampilkan link ke artikel bisa sedikit berpengaruh terhadap SEO blog. 

Oce sob, jika anda ingin membuat Widget Recent Comment pada sidebar Blog anda, berikut tutorialnya :
OIA, Widget Recent Comment ini juga dilengkapi dengan BULLETS untuk mrmbuatnya lebih menarik. ( Tergantung Template Blog anda )

Untuk menambahkan Widget Recent Comment ini, anda cukup memasukkan kode berikut pada kotak HTML/JavaScript Blog anda. 


Berikut Kodenya :


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


Keterangan:

  • Ganti angka pada kode var numcomments = 5; untuk menampilkan lebih banyak atau lebih sedikit komentar terakhir yang ditampilkan WIDGET RECENT COMMENT.
  • Ganti kode http://baris-info.blogspot.com/ dengan URL blog anda.


Semakin banyak Komentar Terakhir yang di tampilkan semakin baik bagi SEO BLOG. Masalahnya, widget akan menjadi terlalu panjang hingga merusak pemandangan pada sidebar blog. Untuk mengatasinya, tambahkan kotak dengan fungsi scroll pada Widget Recent Comment.Caranya :

Tambahkan kode berikut sebelum kode Recent Comment :

<div style="overflow:auto;width:358%px;height:300px;border:1px solid #0000000;padding:4px;margin:10px 0 0">

Lalu tambahkan kode berikut di akhir kode Recent Comment :

</div>

Jika anda ingin menambahkan bingkai,
langsung saja gunakan kode dibawah ini. Berikut kodenya :

<center><table border="2" cellpadding="3"><tbody><tr><td><div style="overflow:auto;width:358px;height:300px;border:1px solid #0000000;padding:4px;margin:10px 0 0"><script style="text/javascript" src="http://coment.googlecode.com/files/RecentComments4U.js"></script>
<script style="text/javascript">
var numcomments = 100;
var showcommentdate = true;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<ul>
<script src="http://baris-info.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
</ul></div></td></tr></tbody></table></center>
<div style="font-size:11px; padding:4px 0px 0px 0px"><a
href="http://blogger-bugis.blogspot.com/2011/04/cara-membuat-recent-comment-komentar.html" target="_blank"> BloggerBugis</a></div>

Keterangan :
  • Ganti angka pada kode width:358px untuk menyesuaikannya dengan lebar sidebar blog anda dan ganti angka pada kode height:300px untuk menyesuaikan widgetnya dengan tinggi kotak widget yang anda inginkan.
  • border:1px solid #0000000 artinya garis pinggir kotak widget setebal 1 pixel dengan warna hitam. Ganti angkanya menjadi lebih besar jika anda ingin membuat garis pinggir kotaknya menjadi lebih tebal dan ganti kode #0000000 dengan kode warna anda jika ingin menggunakan warna yg lain pada garis pinggir kotaknya. Untuk melihat kode warna, anda bisa lihat DISINI.
  • Ganti kode http://baris-info.blogspot.com/ dengan URL Blog anda

Semoga bermanfaat. Salam Blogger.....