Membuat Widget Komentar untuk Blogger

Format widget komentar bawaan dari blogger (mohon maaf) jelek banget.. :D

Saya coba modifikasi kode scriptnya yang saya kutip dari blog >> gubukcurhat.com.

Langsung saya praktekan, dan hasilnya bisa pembaca lihat pada format komentar yang ada di blog :: Komputer Teman :: ini.

Login ke Akun Blogger
Pilih Tata Letak
Tambah Gadget atau Add Gadget
Pilih HTML/Java Scrip
Masukan Kode dibawah ini :



---------------------------------------------------
<style type="text/css">
#komentar {
  font:normal 11px Oswald, Tahoma,Verdana,Arial,Sans-Serif;
  background-color:none;
  margin:0px 0px;
  padding:8px 8px;
  color:#000;
  border:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}


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


#komentar ul li {
  border-top:1px solid #999999;
  border-bottom:0px solid #999999;
  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:#051f39;
  text-shadow:none;
}


#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 = 100,
    home_page   = "http://komputerteman.blogspot.com";
</script>
<script src="http://reader-download.googlecode.com/svn/trunk/blogger-rc-comments.js" type="text/javascript"></script>
---------------------------------------------------

Perhatikan yang saya kasih tanda merah :

Angka 5 adalah jumlah komentar yang akan ditampilkan. Silahkan ganti sesuai keinginan.
Angka 100 adalah jumlah karakter komentar yang akan ditampilkan. Silahkan ganti sesuai keinginan.
http://komputerteman.blogspot.com adalah alamat URL blog ini, harus diganti dengan alamat URL prmbaca masing-masing.

Hasilnya akan persis sama dengan yang ada di blog Komputer Teman ini. 
Share:

0 Komentar:

Post a Comment