Cara Membuat Recent Comment Dengan Avatar. Sebelumnya saya sudah share tutorial tentang cara membuat recent comment dan hari ini saya akan share tutorial cara membuat recent comment, tetapi yang kali ini berbeda, kita akan memunculkan avatar pada recent comment-nya, jadi ini akan memperindah tampilah recent commentnya.
1.Log in ke blogger.
2.Klik rancangan » Add gadget » HTML/Java Script.
3.Pastekan kode di bawah ini tepat pada kolom yang tersedia.
<style type="text/css">
ul.md_recent_comments{list-style:none;margin:0;padding:0;}
.md_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;}
.md_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;}
.md_recent_comments li
img{padding:0px;position:relative;overflow:hidden;display:block;}
.md_recent_comments li span{margin-top:4px;color: #666;display:
block;font-size: 13px;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 = true, moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = false;//]]></script><script
type="text/javascript"
src="http://julak-project.googlecode.com/files/recent%20comments%20.js"></script><script
type="text/javascript"
src="http://blogbelajar2.blogspot.com/feeds/comments/default?alt=json&callback=md_recent_comments&max-results=5"></script>
Keterangan :
- Kode yang berwarna merah adalah jumlah komentar terakhir yang akan dimunculkan.
- Kode yang berwarna biru adalah ukuran gambarnya silahkan di utak atik sendiri.
Selesai sudah tutorial Cara Membuat Recent Comment Dengan Avatar mudah-mudahan artikel ini bisa bermanfaat bagi and.. :)
EmoticonEmoticon