sponsored ads

Cara Membuat Widget komentar Terbanyak di Blogger

Posted By : Posted on - 10:59:00 AM with 3 comments

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.

cara membuat widget komentar terbanyak di blog

Widget komentar Terbanyak di Blogger
  1. Masuk akun blogger anda/ tata letak/ Tambahkan HTML atau Javascript.
  2. Masukkan kode dibawah ini lalu 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.

3 comments:

  1. Tips Widget yang apik dan cukup menawan..... ijin praktek, thanks for sharing

    ReplyDelete
  2. Wahhh.. kren banget... bisa dcoba ni...

    ReplyDelete

Ketentuan Berkomentar:

1. Menautkan link aktif (anchor text) pada komentar secara otomatis akan kami hapus
2. Gunakan fasilitas Name/URL untuk menempatkan link anda
3. Dilarang berkomentar diluar topik artikel (SARA, pornography, provokasi,promosi produk)
4. Dilarang komentar spam
5. Berkomentarlah dengan baik dan sopan
6. Komentar yang tidak sesuai dengan poin diatas tidak akan dipublikasikan


                                                                                  Admin Tips & Cara