Tips cara membuat recents comments dengan avatar ini sebenarnya sudah banyak yang update...tapi siapa tau di antara kalaian peblogger yang masih baru yang suka berkunjung di blog saya ada yang belum tau caranya...maka di kesempatan kali ini saya akan berbagi tips ini...!!
Kira kira hasilnya seperti di atas jika anda mengikuti apa yang saya share kali ini.
berikut langkahnya...
01 Pertama anda login ke blog anda !
02 pilih tata letak di template anda
03 Pilih tambah gadeget baru/add gedget !
04 pilih Java script/HTML
05 masukan kode berikut ini...!!
<div style="overflow:auto;width:auto;height:250px;border:1px solid #0000FF; padding:10px; margin:0 auto;background:#ccc;"> <style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 100,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src=" http://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js "></script> <script type="text/javascript" src="http://arifinsaputra.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>
Ganti tulisan berwarna merah dengan alamat blog anda !!
Terahir save lihat hasilnya...!!
Kira kira hasilnya seperti di atas jika anda mengikuti apa yang saya share kali ini.
berikut langkahnya...
01 Pertama anda login ke blog anda !
02 pilih tata letak di template anda
03 Pilih tambah gadeget baru/add gedget !
04 pilih Java script/HTML
05 masukan kode berikut ini...!!
<div style="overflow:auto;width:auto;height:250px;border:1px solid #0000FF; padding:10px; margin:0 auto;background:#ccc;"> <style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 100,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src=" http://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js "></script> <script type="text/javascript" src="http://arifinsaputra.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>
Ganti tulisan berwarna merah dengan alamat blog anda !!
Terahir save lihat hasilnya...!!
Anda baru saja membaca artikel 
5 komentar:
untuk comments facebook tidak akan muncul
kira2 blog abah dipasangin jam mau lah
pasang saja sudah ada scriptnya
salammualaikum,,
Masbro, tolong kunjungi blog saya dan berikan saran
karena saya lagi kesulitan menerapkan template yang pas
itu udah di kasih warna sana sini trus yg saya mau bagaimana mengubah susunan agar tampilan
Bisa seperti ini:
1.judul post
2.gambar
3.entri
Karna di blog saya gambarnya justru paling bawah
saya juga jadi kepengen thu bikin avatar comment
trus itu masbro gimana untuk load.nya lama gak di blog saya
saya harapkan saran dan masukan masbro mengenai blog saya
apa yg harus di perbaiki,
terimakasih sebelumya masbro
http://cahguci.blogspot.com
waalikumssalam upload template itu ga lama paling cuma beberapa detik masalah membuat avatar vomen tinggal kopi paste saja tips yang saya bagikan di atas
Post a Comment