Cara Membuat Widget Recent Comments Dengan Mudah Dan Unik

Onepoin.com - Sebenarnya tutorial ini sudah banyak beredah di internet tapi karena ada teman saya yang sering bertanya di kampus bagaimana cara membuat Widget Recent Comments akhirnya saya berbagi juga tips cara membuat Widget Recent Comments dengan mudah tanpa harus mengedit HTML.
baiklah sobat sekalian bisa mengikuti langkah-langkah berikut :



  1. Login ke blogger dengan akun Anda.
  2. Di dashboard masuk ke layout
  3. Setelah itu anda pilih add gadget >> HTML/Javascript
  4. Masukkan kode-kode di bawah ini pada kotak HMTL/Javascript
    <style type="text/css">
    ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
    .tb_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;}
    .tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .tb_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  = 5,
    showAvatar  = true,
    avatarSize  = 50,
    characters  = 60,
    defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits = true;
    //]]>
    </script>
    <script type="text/javascript" src="http://yourjavascript.com/211271156231/rcentcmmntavr.js"></script>
    <script type="text/javascript" src="http://www.onepoin.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
    Keterangan :
    Warna merah (5) : adalah jumlah komentar yang ditampilkan
    Warna kuning (50) : ukuran pixel avatar
    Warna hijau (60) : Jumlah karakter huruf komentar
    Warna biru : ganti dengan URL blog Anda.
  5. Terakhir save, membuat recent comment dengan avatar telah selesai.
Mudah bukan? widget ini terserah mau anda letakkan dimana saja di homepage blog. Misalnya di bagian sidebar atau footer, asalkan bisa dengan mudah dilihat oleh pengunjung blog. Widget recent comments sebenarnya adalah widget yang tidak wajib untuk sebuah blog, tapi daripada Anda kesulitan dalam mencari komentar baru yang masuk? Segitu dulu tutorial kali ini, selamat mencoba dan semoga bermanfaat.

Subscribe to receive free email updates:

0 Response to "Cara Membuat Widget Recent Comments Dengan Mudah Dan Unik "

Post a Comment