Menambahkan Recent Comment Blog With Avatar


Rifqi's Blog ™ - Kali ini saya akan share seperti pada gambar disamping ( terlihat Recent Comment dengan gambar / Avatar ).

Mau mau mau ??? hohoh 
langsung saja ( tanpa basa basi lagi ) saya akan memberitahukannya ..
  • Login ke akun Blogger masing masing ( pastinya gan )
  • Masuk ke  Edit Tata Letak  > Add Gadget 
  • Tambahkan HTML/JavaScript, kemudian paste kode 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 = 5,
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://www.indramayu-pc.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
  • Simpan
Ganti : www.indramayu-pc.com dengan alamat blog sobat, dan angka 5 ( berwarna hijau ) untuk jumlah recent comment yang ingin anda tampilkan


Gimana, mudah bukan ...

6 comments

gambarnya kelihatannya kenal ntuh. . . :P

Reply

kwkwkw .. :D
numpang SS gan :P

Reply

kok recent comment saya aneh sob ?
coba dilihat

Reply

blognya sama kaya saya nih kang dari Indramayu..
sukses blog Indramayu..


http://ba12.blogspot.com
salam sukses blog IM kang.

Reply

Posting Komentar

Para pengurus Rifqi's Blog tidak selalu online untuk memantau komentar yang masuk, Jadi diharapkan berikan komentar Anda dengan pantas dan layak untuk dikonsumsi oleh publik. No SARA, SPAM dan Sejenisnya

Iklan Banner