Saturday, May 5, 2012

Cara Mudah Memasang Recent Comment di Blog

Cara Mudah Memasang Recent Comment di Blog - widget yang akan di share salemharp kali ini merupakan widget yang menampilkan komentar di blog kamu, jadi jika ada yang berkomentar di blog kamu maka widget ini akan langsung menampilkan komentar tersebut di tabel widget.
Ok langsung aja simak langkah - langkah nya dibawah ini.
1. Masuk ke akun blogger kamu (blogspot is recommended)
2. Pilih rancangan
3. Pilih Tambah Gadget di Elemen Laman
4. Pilih Html/Java Script
5. Masukkan kode html di bawah ini
<div align="center">
<table width="250" border="1"><tbody><tr> <th colspan="100%" scope="col">Recent Comment</th> </tr><tr><td><div style="overflow-x: scroll; overflow-y: scroll; width: 300px; height: 300px; "><div style="font-family: arial; font-size: 14px; text-align: left; width: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; "><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://salemharp.blogspot.com";
</script>
<script src="http://reader-download.googlecode.com/svn/trunk/blogger-rc-comments.js" type="text/javascript"></script>
</div></div></td></tr></tbody></table>
</div>

6. Save dan lihat hasilnya

Catatan : Kode yang warna merah dapat kamu ganti dengan blog kamu..

Sekian dan Terima Kasih... :)

0 komentar:

Post a Comment

Jika kamu ingin berkomentar di blog ini, dimohon untuk tidak berkata kasar, porno maupun sara.
Salemharp akan senang jika kamu menghargai setiap postingan dengan berkomentar di bawah ini..

Follow Salemharp Blog

 
Copyright © . Salemharp Blog - Posts · Comments
Developer By Roni Semendawai || Powered by Blogger