widget komentar terbaru keren simple di blog

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> 


- 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 !!,
 
Previous
Next Post »

silahkan berkomentar :
* Gunakan bahasa yang baik dan benar
* dilarang keras menyinggung Suku Agama, Ras dan Antar golongan
* Tidak untuk spam, link aktif, dan iklan produk
* berkomentar relevan dengan artikel yang di bahas
* komentar di moderasi penuh oleh admin
EmoticonEmoticon