Cara Menciptakan Widget Komentar Terbanyak Di Blogger

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 laba bagi anda sebagai blog owner untuk membuatkan artikel post yang mempunyai banyak komentar tersebut berarti artikel blog anda tersebut memancing reaksi dari para pembaca anda.

Cara menciptakan widget inipun tidak terlalu sulit, anda tidak perlu mengubah isyarat HTML blog anda, yang anda perlukan hanya menambahkan isyarat HTML di tata letak blog anda. Sealain berguna menyerupai yang saya jelaskan diatas widget komentar terbanyak ini juga tentunya memperindah tampilan blog anda alasannya cukup ringan dan elegan. Berikut cara menciptakan widget komentar terbanyak di blog anda.

Widget komentar Terbanyak di Blogger

1. Masuk akun blogger anda/ tata letak/ Tambahkan HTML atau Javascript.
2. Masukkan isyarat dibawah ini kemudian simpan
3. 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 +  "&#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://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.

Share this post