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.
Subscribe to:
Post Comments (Atom)
0 Komentar:
Post a Comment