Wednesday, 31 July 2013

Membuat Widged Recent Coments Dengan Efek Scroll







Lansung saja gan untuk metode yang satu ini tidak usah repot - repot cukup dngan beberapa kode html maka recent coment dengan efek scroll akan hadir mewarnai home page anda...
lansung aja gan simak tutorialnya dibawah ini...

Masuk blog anda
kemudian pilih menu tata letak/add gadged
kemudian pilih html javascript
dan letakan kode dibawah ini pada box yang tersedia

<div style="overflow:auto;width:auto;height:234px;border:2px solid #none; padding:15px; margin:0 auto;background:#000000;"> <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: #c1bebe;display: block;font-size: 12px;font-style: Courier;line-height: 1.4;} </style>
<script type="text/javascript">
 //<![CDATA[
 // Recent Comments Settings
var
numComments = 25,
showAvatar     = true,
 avatarSize      = 30,
 roundAvatar   = true,
characters       = 40,
defaultAvatar  = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://reoa-dam-newcoment.googlecode.com/files/newcomment.js"></script> <script type="text/javascript" src="http://ngeblogbarengbareng.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

Silahkan Disesuaika sendiri kode kode nya gan belajar untu kreatif
Nie contohnya kayak gini numComents : menmpilkan jumlah komentar
                                         AvatarSize     : ukuran gambar atau avatarnya
                                         characters      : jumlah karakter kata yang akan ditampilkan
silahkan dirombak sendiri dech kayak backgroundnya  dan satu lagi kode berwarna merah diganri dengan URL blog agan sendiri....

ok gan saya kira sudah cukup jelas penjelasannya selamat mencoba semoga bermanfaat.....

No comments:

Post a Comment