Headlines News :
Home » » Cara membuat recents comment dengan avatar di blog

Cara membuat recents comment dengan avatar di blog

Written By Azzahida on Sunday, 1 December 2013 | 06:55

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...!!

Share this article :

5 komentar:

Speak up your mind

Tell us what you're thinking... !

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Kids Indonesia - All Rights Reserved
Original Design by Creating Website Modified by Adiknya