Cara Membuat Widget Recent Comentar Pada Blog

Kali ini saya akan meng-share cara membuat widget comentar pada blog pada dasar nya widget ini sama saja dengan comentar pada blog anda sebelum nya. mungkin hanya tempat peletakanya saja yang berbeda jika bisa nya letak kotak comentar pada blog terletak pada bagaian bawah artikel maka sekarang kita bisa memodifikasinya sehingga kita bisa menempatkan kotak comentar ini se-layaknya seperti pada widget-widget blog anda yang lain nya nah berikut di bawah ini adalah langkah-langkah pemasangan widget recent cometar pada blog.

langkah-langkah pemasangan widget recent comentar pada blog :

Silakan login ke blog anda :

1. masuk pada bagian tata letak.

2. masuk pada bagian tata letak.

3. klik tambah gadget  dan atur posisi dimana widget recent ini akan tampil di blog anda.

4. pilih mode html/javascript.

5. copy code dibawah ini dan pastekan ke dalam mode jtml/javascript pada blog anda.   

Judul Spoiler:

<div style="overflow:auto;width:auto;height:378px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;"> <style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_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;} .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .w2b_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 = 10, showAvatar = true, avatarSize = 35, roundAvatar = true, characters = 250, defaultAvatar = "", hideCredits = true; //]]> </script> <script type="text/javascript" src=" http://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js "></script> <script type="text/javascript" src="http://as-si.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

* sialakan sobat ganti url blog http://as-si.blogspot.com/ dengan url blog anda.

- anda juga bisa merubah warna background dan ukuran pada widget recent comentar ini.

6. save  dan enjoy 

nah cukup sekian pembahasaan dari saya mengenai cara pemasangan widget recent comentar pada Blog semoga bisa bermanfa'at dan membantu anda dalam merapihkan ataupun mempercantik blog anda. selamat mencoba dan semoga berhasil , jika anda yang kurang di mengerti atau terjadi kekurangan pada code javascript silaka bercomentar pada kotak comentar yang telah bersedia karana masukan dari anda sangat membantu dalam perkembangan blog ini ke depan nya terimkasih atas perhatian nya  dan "happy blogging"