Selamat datang di Destroyer blog !!
Semoga postingan-postinganya bisa bermanfaat dan mohon kesediannya untuk meninggalkan sepatah/dua patah di kotak komentar tentang postingannya.

Karena salah satu blogger yang baik itu menjalin hubungan dengan blog lainnya
Terimakasih !








Check Page Rank of your Web site pages instantly:







This page rank checking tool is powered by Page Rank Checker service





Labels

Informasi (20) Islam (25) My story (10) Teknologi (13)

Minggu, 25 Maret 2012

Recent Comments With Avatar

     Ya kalau recent comments blog kamu ada avatarnya, itu lebih menarik bukan? Di postingan kali ini saya ingin share aja untuk kalian yang suka blogging. Kalau kalian ingin pasang recents comments dengan avatar, caranya sangat mudah. Kalian tinggal buka Tata letak pada blog kamu, lalu buka HTML/javascript dan copy-paste kan script berikut :

<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>
<scripttype="text/javascript"src="http://budi-darmawan.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=4"></script>

     Jangan lupa ganti tulisan yang berwarna biru itu dengan alamat blog kamu. Nah, kalau sudah lalu simpan, lalu liat hasilnya. Selamat mencoba !

Tidak ada komentar:

Posting Komentar

Recent Comments