'dalam kesempatan ini saya share widget recen comment yang tampil dengan avatar. juga mirip dengan recent comment di wordpress.(dari pada suntuk hari valentine gak punya pacar hikz hikz hikz. so menyibukkan diri tulis posting hehe) contohnya seperti gambar di sebelah ini neee......
oke langsung saja ke jurus pamungkas tutorial blogger ini
- login dulu gan di blog masing2(jangan pakek blog tetangga.)
- masuk dasboard |design|page element |add a gadget |dan pilih html/javascript
- copy paste semua code dibawah ini dalam element HTML/javascript.
<div style="overflow:auto;width:auto;height:378px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;"> <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 = 10,
showAvatar = true,
avatarSize = 35,
roundAvatar = true,
characters = 250,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src=" http://rizaldipriantamascript.googlecode.com/files/Recent_Comments_.js "></script> <script type="text/javascript" src="http://ipoenkblb.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>
ganti yang saya beri warna merah dengan URL blog sampean.
JANGAN LUPA SIMPAN TEMPLATENYA GAN...
selamat mencoba....happy blogging and happy valentine buat yang punya pacar (yang gak punya gigit jari aja) asal jangan sampai putus hehehe
4 Comments
[...] widget recent comment dengan avatar seperti recent comment yang ada di wordpress. bisa anda baca DISINI .saya juga sempat share tutorial blogger lainnya tentang pasang threadedcomment plugin wordpress [...]
ReplyDeleteJadi keren bang...
ReplyDeletewooww.. mantab gan infonya..
ReplyDeletemaksih gan, salam sukses selalu buat agan. :)
Jo Adipura@ dan iklan laris@
ReplyDeletethankss atas kunjungannya semoga bermamfaat tutorial di atas...ditunggu kunjungan berikutnya yaaa:-)