Cara Membuat Recent Comment Di Blog Dengan Mudah - TechnoGen
Abdul Halim ZHR

Cara Membuat Recent Comment Di Blog Dengan Mudah

Halo sobat blogger! Kali ini saya akan membahas tentang tips blog Cara Membuat Recent Comment Di Blog. Recent comment adalah komentar-komentar terbaru oleh penjunjung blog kita yang akan ditampilkan pada widget recent comment.

Membuat dan memasang recent komen di blog dapat memudahkan anda dan pengunjung untuk mengetahui komentar terkahir yang baru saja masuk ke blog anda . Di samping itu widget recent Comment ini juga dapat mengisi ruang yang kosong yang biasanya terletak pada sidebar blog , sehingga blog tidak tampak kosong ala kadarnya begitu saja. Namun jika terlalu banyak widget , blog juga tidak seo frendly untuk pengunjung , dikarenakan loading blog akan bertambah semakin berat . Nah untuk membuatnya cukup mudah sob, silahkan simak step-step dibawah ini.


Cara Membuat Recent Comment Di Blog Dengan Mudah
Recent Comment

Cara Membuat Recent Comment Di Blog

  • Login ke blog kamu.
  • Lalu ke Tata Letak.
  • Tambahkan Gadget HTML/Javascript.
  • Lalu isi dengan kode dibawah ini :
    <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 = 30,
    defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits = true;
    //]]>
    </script>
    <script type="text/javascript" src="http://gemar-html.googlecode.com/svn/trunk/js/widget-komentar-terbaru-dengan-avatar-bulat.js"></script>
    <script type="text/javascript" src="http://abdulhalimzhr.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
     Link di baris ke 23 "http://abdulhalimzhr.blogspot.com/" diganti dengan link blog kamu
  • Klik Simpan, lalu letakkan ditempat yang kamu sukai.
  • Simpan Setelan, dan lihat blog.
Nah gimana bro cara membuat recent comment sendiri di blog ? begitu gampang sekali bukan ? saya yakin jika anda membaca dan mengikuti tutorial diatas insya Allah bisa , bahkan newbie sekalipun yang baru saja mengenal blog kemaren sore , bisa mempraktekan hal semacam ini. 

Nah begitulah caranya  Cara Membuat Recent Comment Di Blog. Jika ada pertanyaan atau hal lain, silahkan tinggalkan komentar dibawah. Terima Kasih. Semoga Bermanfaat.

2 komentar

kok tidak muncul yah kak... cek demo