Cara membuat recent dokument/komentar pada blog

Terlalu banyak ruang kosong di sidebar blog ??? Tambahkan saja WIDGET RECENT COMMENT. Widget Recent Comment adalah widget yangmenampilkan 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. Beberapa widget tersebut seperti MENU TAB VIEWyang menampilkan daftar isi Blog, Widget Recent Postyang menampilkan postingan terakhir, DAFTAR ISI OTOMATIS yang menampilkan daftar isi Blog secara otomatis, dan masih banyak yang lain termasukWIDGET RECENT COMMENT.

Hal ini saya buktikan dengan memasang banyak widget pada Sidebar BlogBLOGGERBUGIS yang menampilkan link ke beberapa artikel BB. Template BB sendiri ( saat riset tersebut saya lakukan tidak tahu sekarang hehe...) hanya menggunakan META TAG biasa dan hanya terdaftar di beberapa mesin pencari (SE). Alhasil, beberapa Artikel BB saat itu tampil pada halaman pertama Dg. Gugel bahkan beberapa diantaranya menempati posisi pertama dan kedua di halaman pertama. hehe.....

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. Jika anda belum mengetahui cara menambahkan widget sebaiknya baca dulu 1. CARA MENMBAHKAN WIDGET  pada artikel INI

Berikut Kodenya :

<script style="text/javascript" src="https://sites.google.com/site/bloggerbugis/js/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://blogger-bugis.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://blogger-bugis.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 seperti punya BLOGGERBUGIS, 
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="https://sites.google.com/site/bloggerbugis/js/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://blogger-bugis.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 #0000000dengan kode warna anda jika ingin menggunakan warna yg lain pada garis pinggir kotaknya. Untuk melihat kode warna, anda bisa lihat DISINI.

• Ganti kode http://blogger-bugis.blogspot.com dengan URL Blog anda