Tapike.com

Cara Membuat Recent Comment Di Blog

Cara Membuat Recent Comment Di Blog
Cara Membuat Recent Comment Di Blog - Pada Kali ini kita akan membuat recent comment atau membuat widget komentar terbaru di blog. RRecent comment merupakan suatu element atau widget untuk menampilkan komentar terbaru dari setiap postingan blog dan menunjukkan potongan komentar bersamaan dengan judul postingan. Dengan ini pengunjung dapat mengetahui komentar terbaru dari blog kita. Recent Comment ini sangat ringan bila dipasang di blog karena hanya terdiri dari JavaScript dan CSS saja. Bagi anda yg ingin membuat recent comment di blog, simak langkah-langkah berikut ini.

CSS Recent Comment Blog

  • Login ke akun blogger.
  • Kemudian klik menu template.
  • Klik edit html.
  • Pastekan kode berikut diatas kode ]]></b:skin>.
ul.tapike_recent{list-style:none;margin:0;padding:0;}
.tapike_recent li{background:none !important;margin:0 0 6px !important;padding:3px
!important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent;
border-radius:9px; max-height: 100px;}
.tapike_recent li:hover{border: 1px solid #476481;;}
.tapike_recent a {text-decoration:none;}
.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;width:35px;height:35px}
.tapike_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;} 

Script Recent Comment Blog

  • Login ke akun blogger.
  • Kemudian klik menu tata letak.
  • Klik tambahkan element/ add gadget.
  • Lalu pilih HTML/Javasript.
  • Kemudian pastekan kode di bawah ini.
<script type="text/javascript">
//<![CDATA[
    var
 numComments  = 10,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=50,
 adminBlog='Yowanda Erlangga';
//]]>
</script><script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=tapike_recent&amp;&amp;max-results=50">
</script> 

  • Klik simpan

Pengaturan Recent Comment Blog

  • numComments = 5 (jumlah komentar yang ditampilkan) 
  • showAvatar = true (false, apabila ingin menyembunyikan avatar) 
  • avatarSize = 35 (ukuran avatar dalam pixel) 
  • roundAvatar = true (avatar bulat) 
  • characters = 40 (jumlah karakter isi komentar) 
  • defaultAvatar = "http://www.gravatar.com/avatar/?d=mm" (avatar default)
  • adminBlog='Yowanda Erlangga' (nama admin blog)
Demikianlah tutorial mengenai membuat recent comment atau membuat widget komentar terbaru di blog. Semoga artikel ini dapat bermanfaat bagi kita. Jangan lupa like dan share.
1 Comments Blogger
Disqus


Join This SiteInstagram