Pages

Thursday, 25 October 2012

Pasang Widget Komentar terbaru Di blog

Hallo sobat semua ,,gimana kabarnya nich mudah-mudahan pada baek semua ya.....kali ini saya akan memposting bagaimana cara membuat Recent Comment atau Menampilkan daftar komentar terbaru.Langsung aja berikut cara pasang dan Source Codenya:

1. Login ke Akun Blogger sobat
2. Pilih Tata Letak
3. Tambah Gadget atau Add Gadget
4. Pilih HTML/Java Script
5. Sobat Copas Kode dibawah ini

<style type="text/css">
#komentar {
  font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;
  background-color:#597624;
  margin:0px 0px;
  padding:10px 10px;
  color:#000;
  border:4px solid #597624;
  -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 #455F20;
  border-bottom:1px solid #799D1A;
}


#komentar ul li {
  border-top:1px solid #799D1A;
  border-bottom:1px solid #455F20;
  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:#D7E5FD;
  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 = 14,
    jmlkarakter = 200,
    home_page   = "http://nama blog sobat.blogspot.com";
</script>
<script src="http://reader-download.googlecode.com/svn/trunk/blogger-rc-comments.js" type="text/javascript"></script>i


6. Save atau simpan

*Note : Tulisan yang berwarna merah bisa sobat ganti dengan model dan eksperimen sobat sendiri.

No comments:

Post a Comment