Tuesday, June 26, 2012

cara membuat widget recent comments pada blog


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 :

Tata Letak > Tambah Gadget > html/javascript setelah itu masukan kode di bawah ini :
<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