Cara Membuat Widget atau Gadget Komentar Terbaru di Blogger

Diposkan oleh Unknown on Monday 23 July 2012


     Widget atau Gadget  Komentar Terbaru terkadang sangat penting untuk memantau orang yang berkomentar di blog kita.
Beberapa fungsi dari sebuah widget adalah menampilkan cuplikan-cuplikan tertentu, seperti halnya widget populer post yang berfungsi menampilkan artikel-artikel yang sering dibaca oleh pengunjung. Selain itu pasti kita juga mengenal sebuah widget yang berfungsi mengetahui sebuah riwayat dari sebuah komentar, yaitu new coment. Kita bisa tahu komentar-komentar pengunjung blog dari sebuah artikel walaupun artikel itu udah lama.
1. Login ke Akun Blogger sobat
2. Pilih Tata Letak
3. Tambah Gadget atau Add Gadget
4. Pilih HTML/Java Scrip
5. Copas Kode dibawah ini
<style type="text/css">
#komentar {
  font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;
  background-color:#FFFFFF;
  margin:0px 0px;
  padding:10px 10px;
  color:#000;
  border:4px solid #FFFFFF;
  -webkit-box-shadow:inset 0px 0px 2px #000;
  -moz-box-shadow:inset 0px 0px 2px #000;
  box-shadow:inset 0px 0px 2px #000;
}


#komentar ul {
  margin:0px 0px;
  padding:0px 0px;
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
}


#komentar ul li {
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  padding:3px 0px;
  list-style:none;
}


#komentar ul li b a,
#komentar ul li b a:link,
#komentar ul li b a:visited,
#komentar ul li b {
  color:#0C503A;
  text-shadow:0 1px 1px rgba(0,0,0,0.4);
}


#komentar ul li b:before {
  content:url(http://3.bp.blogspot.com/-abTiDALn6h0/TpJYHn1AmoI/AAAAAAAAA8I/hRAhFSBZhlY/s1600/feed-icon-green.png);
  margin:0px 4px 0px 0px;
  display:inline-block;
  *display:inline;
  vertical-align:middle;
}
</style>
<script type="text/javascript">
var jmlkomentar = 5,
    jmlkarakter = 200,
    home_page   = "http://prodiface.com";
</script>
<script src="http://reader-download.googlecode.com/svn/trunk/blogger-rc-comments.js" type="text/javascript"></script>

Silahkan Edit warna dan lainnya sesuakmu ...
Good Luck.

{ 2 komentar... read them below or add one }

Ferdinand Hegemur said...

Keren jga sob...
kpan2 ane coba pake deh...

mantaps..Gan....

Unknown said...

All @ Silahkan gan , Widget ini berguna banget buat webmaster.. :)

Post a Comment

Jika ada yang ingin di tanyakan , Silahkan berikan komentarnya .