widget komentar terbaru keren simple di blog

Author. Cendekia admin    On. 2/03/2015   

blogging

widget komentar terbaru keren dan SEO di blog. Komentar terbaru atau bahasa gaulnya recent comment berfunsi untuk mempermudah mengecek komentar baru yang masuk di blog, hal ini juga untuk mempercantik blog agar lebih memudahkan pengunjung atau visitor kalau blog kita termasuk blog yang ramah alias ramai.. hehehe

tak usah panjang mulut, eh, panjang lebar, ikuti langkah untuk pasang widget ini :

- pertama, sobat pergi ke Dasbor Blogger
- pilih tata letak
- add gadget atau tambah gadget
- akan muncul halaman kecil, pilih Html/Javascript.
-langkah selanjutnya, masukkan code di bawah ini :

<style type="text/css" media="screen">
.row-aa {        background: #f2f2f3; }
.row-bb {        background: #F8F5F1; }
.row-div {  
  margin:0px; 
  padding:5px; 
}
.comment-header { 
  font-size:0.9em; 
//  border:1px solid #E0E0E0; 
//  background-color:#F3F3F3; 
  padding:4px; 
  margin-top:10px; 
  margin-bottom:5px; 
}
.comment-box {
  margin:0px;
  padding:0px;
  font-size:0.9em;
  height:500px;
  overflow:auto;
}
.comments1  {  
//  background: #F3F3F3; 
  padding:3px; 
  border-left:1px dashed #A6A6A6;
  color: #888888;
  font-style: italic;
  padding-top:4px;
  margin-bottom:5px;
}
.comment-footer {
  text-align:center;
  font-size:0.9em;
  padding:4px;
  margin-top:5px;  
}
</style>

<div style="text-align: center" class="comment-header"><input class="comment-button" id="commshowall" type="button" onclick="if (this.value == &#39;Show all&#39;) { unfold_all(this); this.value=&#39;Hide all&#39;; } else { fold_all(this); this.value=&#39;Show all&#39;; }" style="width:8em;font-size:1em;font-family:Verdana,sans" value="Show all" /></div>

<div class="comment-box">
<script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/expandable-recent-comments.js"></script>
<script type="text/javascript"  src="http://cendekiaulung.blogspot.com/feeds/posts/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentposts">
</script>
<script type="text/javascript"  src="http://cendekiaulung.blogspot.com/feeds/comments/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentcomments">
</script>

</div> 

 lihat contohnya

- langkah terakhir, ganti warna biru, dengan alamat blog sobat,
- simpan halaman, dan selamat mencoba semoga bermanfaat

demikian tutorial memasang widget komentar terbaru keren di blog.

 semoga bermanfaat.

Punya adik ? Jangan di klik ya !!,