Membuat Widget Komentar Terbaru di Blog

okesharezone - Membuat Widget Komentar Terbaru di Blog | Sobat blogger, pastinya Anda tahu apa itu widget? Widget adalah secara umumnya, adalah berupa kode yang mengadung script dan tidak mengandung script. Memasang Widget Komentar Terbaru di Blog, itu ada untungnya bagi kita dan pengunjung blog kita. Apa keuntungannya? Keuntungannya adalah kita bisa melihat, siapa yang berkomentar dan dimana ia (pengunjung) berkomentar di blog kita. Ada baiknya, kita memasang widget ini. 

Baiknya yaitu, widget ini walaupun mengandung script, tidak memberatkan blog kita. Padahal, widget yang mengandung script tak baik untuk loading blog kita, atau blog kita nantinya akan menjadi lambat loadingnya. Nah, sedangkan widget ini, tidak menyebabkan loadingnya berat. Di blog seorang blogger, tercatat oleh kang hilman, bahwa blog seorang blogger, tersebut walaupun pemula, sudah mulai handal dalam mempelajari script. Nah, widget komentar yang kang hilman buat nih, tidak memberatkan loading blog, widget ini pastinya cantik bila ditampilkan di beranda dan postingan blog Anda.

Oke, sobat okesharezone yang paling oke :), berikut cara Membuat Widget Komentar Terbaru di Blog:

Pertama

Langkah pertama, sudah biasa dilakukan, yaitu masuklah atau login atau sign in pada blogger dashboard Anda. Bila sudah terbuka, berarti Anda tak usah login atau sign in lagi. 

Kesimpulannya: Masuk atau buka website blogger, yaitu: http://www.blogger.com/

Kedua

Dilanjut langkah kedua, Anda memasuki tahap kedua, yaitu: klik Rancangan dan kemudian klik Edit HTML pada blogger dashboard Anda.

Kesimpulannya: klik Rancangan > klik Add Gadget



Ketiga

Dilanjut lagi langkah ketiga, yaitu, klik HTML/JavaScript, dengan menekan link HTML/JavaScript atau dengan cara menekan tombol "+".

Kesimpulannya: klik link HTML/JavaScript untuk meletakkan kode yang akan kang hilman tulis pada tahap keempat.



Keempat

Setelah tahap ketiga, sebelumnya menekan atau mengeklik link HTML/JavaScript. Kemudian, masukkan kode di dalam HTML/JavaScript, dengan kode berikut.

<style type="text/css"> 

ul.tb_recent_comments{list-style:none;margin-top:15px;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  = 6,

showAvatar  = true,

avatarSize  = 30,

characters  = 100,

defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",

hideCredits = true;

//]]>

</script> 

<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script> 

<script type="text/javascript" src="http://urlblogAnda/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=6"></script>



Keterangan:

numComments, adalah jumlah komentar yang ditampilkan.

showAvatar, adalah gambar / avatar yang ditampilkan bersebelahan dengan deskripsi komentar.

hideCredits, adalah penyembunyian copyright/credits pada JavaScript tersebut.



Kelima

Simpan hasilnya dan kemudian lihat demonya pada blog Anda sendiri.



Demikian, Membuat Widget Komentar Terbaru di Blog, semoga berhasil dan bermanfaat buat Anda.