Cara Memasang Widget Komentar Terbanyak dengan Efek Bubble

Widget Komentar terbanyak yang menampilkan daftar judul paling populer yang diurutkan berdasarkan komentar pengunjung. Anda bisa melihat widget ini di sidebar blog di bawah judul "Komentar Terbanyak". Widget ini menggunakan tool yang terdapat dari Yahoo! Pipa yang menggunakan json untuk menguraikan dan menampilkan setiap tulisan dengan jumlah komentar tertinggi yang diposting di dalamnya. Dengan menggunakan properti pseudo CSS3, kami kemudian menafsirkan penghitungan komentar dengan gelembung komentar. Widget ini hanyalah alat copy-paste yang bisa dipasang dalam hitungan detik. Mari menambahkan widget pemuatan dinamis dan cepat ini ke blog blogger Anda!

• Pilih Tata Letak
• Tambahkan Gadget
• HTML/Javascript
• Pastekan Kode berikut ini :

<style> .commentbubble { background: #292D30; width: 49px; float: left; margin: 2px 20px 35px 0px; font-weight: bold; font-size: 1.3em; text-align: right; font-family: georgia,Helvetica; padding: 0px 0px 5px 0px; text-align: right; color: #FFF; text-shadow: 4px 1px #202022; position: relative; top: 5px; } .commentbubble:after { content: ' '; position: absolute; width: 0; height: 0; right: 0px; top: 100%; border-width: 5px 8px; border-style: solid; border-color: #292D30 #292D30 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); top: 34px; right: 6px; } </style> <script type="text/javascript"> function getYpipePP(feed) { document.write('<ul style="list-style:none; ">'); var i; for (i = 0; i < feed.count ; i++) { var href = "'" + feed.value.items[i].link + "'"; var pTitle = feed.value.items[i].title; var pComment = + feed.value.items[i].commentcount; var pList = '<li style="clear:both; padding:10px 0px 30px 0px!important; border-bottom: 1px dashed #dedede; line-height:2em; "> <div class="commentbubble">' +pComment + "&#160;&#160;</div>" + "<a href="+ href + '" target="_blank">' + pTitle ; document.write(pList); //to remove comment count delete this line document.write('</a></li>'); } document.write('</ul>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run? YourBlogUrl=http://kotakwidget.blogspot.com &ShowHowMany=6 &_id=390e906036f48772b2ed4b5d837af4cd &_callback=getYpipePP &_render=json" type="text/javascript"></script>

Jika sudah selesai klik Simpan.

Jangan lupa cek juga widget-widget lainnya, siapa tahu widget yang anda cari-cari selama ini ada disini.

"Salam Satu Widget"