Widget komentar terbanyak - Most comments widget atau widget komentar terbanyak merupakan perangkat pendukung untuk blog yang menampilkan jumlah komentar terbanyak di suatu posting blog. Gunanya tentu saja bagi anda atau pengunjung blog anda mengetahui konten artikel post yang paling banyak dibicarakan. Hal ini juga tentunya keuntungan bagi anda sebagai blog owner untuk mengembangkan artikel post yang memiliki banyak komentar tersebut berarti artikel blog anda tersebut memancing reaksi dari para pembaca anda.
Cara membuat widget inipun tidak terlalu sulit, anda tidak perlu mengubah kode HTML blog anda, yang anda perlukan hanya menambahkan kode HTML di tata letak blog anda. Sealain memiliki kegunaan seperti yang saya jelaskan diatas widget komentar terbanyak ini juga tentunya memperindah tampilan blog anda karena cukup ringan dan elegan. Berikut cara membuat widget komentar terbanyak di blog anda.
Widget komentar Terbanyak di Blogger
Catatan: Ganti warna merah dengan alamat url blog anda, ganti warna biru sesuai jumlah komentar yang akan ditampilkan.
Cara membuat widget inipun tidak terlalu sulit, anda tidak perlu mengubah kode HTML blog anda, yang anda perlukan hanya menambahkan kode HTML di tata letak blog anda. Sealain memiliki kegunaan seperti yang saya jelaskan diatas widget komentar terbanyak ini juga tentunya memperindah tampilan blog anda karena cukup ringan dan elegan. Berikut cara membuat widget komentar terbanyak di blog anda.
Widget komentar Terbanyak di Blogger
- Masuk akun blogger anda/ tata letak/ Tambahkan HTML atau Javascript.
- Masukkan kode dibawah ini lalu simpan
- Kode HTML/Javascript yang harus anda masukkan:
<style>
/* Most Commented Widget */
.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 + "  </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://www.sharetipsdancara.blogspot.com
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
/* Most Commented Widget */
.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 + "  </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://www.sharetipsdancara.blogspot.com
&ShowHowMany=6
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
Catatan: Ganti warna merah dengan alamat url blog anda, ganti warna biru sesuai jumlah komentar yang akan ditampilkan.
Tidak ada komentar:
Posting Komentar