Home » » Membuat Widged Recent Coments Dengan Efek Scroll

Membuat Widged Recent Coments Dengan Efek Scroll

Dalam hari ini taukahbahwa.blogspot.com akan menyajikan artikel tentang Membuat Widged Recent Coments Dengan Efek Scroll. Semoga dengan artikel Membuat Widged Recent Coments Dengan Efek Scroll akan menambah pengetahuan bagi anda pembaca setia taukahbahwa.blogspot.com







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.....

Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com
Homepage|http://taukahbahwa.blogspot.com

Sobat baru saja membaca artikel yang berkategori Informasi dengan judul Membuat Widged Recent Coments Dengan Efek Scroll. Jika sobat rasa artikel ini menarik silakan di share dengan meninggalkan URL http://taukahbahwa.blogspot.com/2014/02/membuat-widged-recent-coments-dengan.html. Terima kasih atas kunjungannya!

0 komentar:

Posting Komentar