Cara Membuat Recent Comment Pada Blog

Cara Membuat Recent Comment Pada Blog - Pada kali ini saya akan membahas tentang cara membuat recent comment, dan tentu saja anda suka jika banyak pengunjung yang berkomentar pada blogkita, ini akan memnambah semangat kita agar terus membuat posting yang bermanfaat bagi semua orang. Sebenarnya banyak orang yang ingin agar tampilan blognya profesional dengan widget yang seperlunya di blog pribadinya namun banyak jugayang ingin membuat blognya ramai dengan widget yang kadang membaratkan browser kita saking banyaknya widget di seluruh ruang blog atau website. Sebelumnya saya telahmembahas artikel mengenai 4 Macam Pinalti Google Selain Google Sandbox.
Cara Membuat Recent Comment Pada Blog
Recent Comment yang akan saya buat ini akan menampilkan foto profil orang yang telah berkomentar, jadi ini akan membuat tampilan blog lebih berwarna dan terlihat ramai. Tempatkan di tempat yang paling anda sukai di blog anda dan sebaiknya tempatkan di tempat yang mudah di lihat oleh pengunjung. Dan saya sebelumnya telah membahas tentang Cara Membuat Random Post Bergerak Ke Bawah.

Berikut Cara Mudah Membuat Recent Comment Pada Blog :
  1. Buka akun blogger Anda
  2. Kemudian pergi ke tab "Tata Letak"
  3. Kemudian klik "Add New Gadget"
  4. Kemudian cari dan klik "HTML/JavaScript"
  5. Kemudian salin kode di bawah ini dan tempel/pastekan pada "HTML/JavaScript"
  6. <style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_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;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_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  = 30,
     roundAvatar = true,
     characters  = 60,
     defaultAvatar  = "http://2.bp.blogspot.com/-6pCCeOe7wKA/UKRn7f0MK7I/AAAAAAAAB3s/oWt1dVVzc5Y/s1600/gravatar.jpg",
     hideCredits = true;
     maxfeeds=20,
     adminBlog='Wild';
    //]]>
    </script>
    <script type="text/javascript" src="http://www.geocities.ws/reggy1998/rcomment.js"></script>
    <script type="text/javascript" src="http://indahpunyaa.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=20"></script>
  7. Ganto teks yang berwarna merah menjadi alamat blog anda.
  8. Selesai
Sangat mudah bukan? tentunya anda sudah dapat memasang widget tersebut dengan mudah. Apabila ada pertanyaan yang ingin ditanyak silahkan bertanya melalui komentar. Semoga bermanfaat.
Cara Membuat Recent Comment Pada Blog -