setelah cukup lama saya tidak update di blog ini serasa satu tahun ( padahal baru 3 harian ) pada posting kali ini saya akan memberikan sebuah tutorial mengenai cara membuat widget recent comments pada blog. ya cara ini menurut saya cukup mudah dan katanyasih widget comentar itu cukup penting untuk blog tapi juga saya kurang tau ya dari pada basa basi ga jelas dan membaca tulisan saya yang ga bermutu ini langsung saja ke cara membuat widget recent comments pada blog :
<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,
roundAvatar = true,
characters = 30, defaultAvatar = "
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; //]]> </script> <script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script> <script type="text/javascript" src="
hideCredits = true;
//]]>
</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://sambil-santai.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
ganti http://sambil-santai.com dengan alamat blog anda
No comments:
Post a Comment