Membuat recent comment lebih menarik dengan avatar dan efek marquee,, he..he.. Ketawa dulu dehhh... hiks..hiks..
Gimana Caranya ya... Ikuti langkah-langkah berikut untuk memasangnya...
1. Masuk akun blogger sobat
2. Masuk dasbor
3. Klik rancangan tambah gadget html java script
4. Lalu masukkan kode berikut di dalamnya.. Okeyyy..
<div style="border:4px inset #000000;padding:5px;text-align:center;-moz-border-radius-topleft:40px;-moz-border-radius-topright:40px;-moz-border-radius-bottomleft:0px;-moz-border-radius-bottomright:0px;">
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" align="center" width="100%" height="300">
<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:2px;background:#ffffff;-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 = 10,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 30,
defaultAvatar = " http://i49.tinypic.com/30u8x6u.png /?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="http://mudho1979.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script></marquee></div>
5. Klik Simpan
NB : Eiiittsss.. Silahkan ganti kode yang saya beri warna dengan kode yg sobat inginkan....
Post a Comment