Gadget Komentar + Gambar

  Di postingan saya kali ini akan membahas tentang : cara menambah Komentar + Gravatar / Gambar orang yang berkomentar seperti yang ada di kanan bawah blog saya ini. kita dapat memulainya sekarang....

Langsung lihat kanan bawah pokoknya. Pasti langsung terhoda bukan??

Langsung menuju TKP wae lah...

Silahkan anda Copy dan Paste Code Dibawah ini di HTML/JavaScript

<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 = 4,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = false;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://haykal-post-inside.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=4"></script>

NB : Jangan lupa, Code yang berwarna MERAH dan BERCETAK TEBAL anda ganti dengan ALAMAT BLOG ANDA atau URL anda.

Maknyos bukan??
eh , jika anda pintar atau tahu tetang HTML anda pasti bisa mengedit atau menambahnya lagi
SALAM BLOGGER !

Artikel Terkait: