Advertisement

Saturday, December 1, 2012

Filled Under:

Cara Membuat Recent Comment Bergambar Bulat

Share
Kali ini Tutorialogi akan bagi2 tutorial cara membuat recent comment bergambar bulat..apanya yang bulat.?untuk demonya bisa lihat di sidebar langsung ya..ato liat sini aja gih..wkkwkw
comment
















Gimana..Tertarik gak..klo gk ketarik ane tarik ya...wkwkw..kalo tertarik yuk ikutin tutorialnya :
1. Buka Edit HTML
2. Klik Add Widget
3. Pilih HTML/Javascript
4. masukan kode berikut ini
Nih Code HTMLnya:

<div style="overflow:auto;width:auto;height:250px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;">
<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  = 100,
 showAvatar  = true,
 avatarSize  = 30,
 roundAvatar = true,
 characters  = 200,
 defaultAvatar  = "",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/bloggerbugis/js/Recent_Comments_New_Bloggerbugis.js"></script>
<script type="text/javascript" src="http://tutorialogi.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>

NB : Yang Bercetak Warna merah diganti dengan URL blog sobat...
gampang kan..semoga bermanfaat ya sob ^_^

Pengen Tau Cara Membuat Spoiler Untuk Menyimpan Kode HTML seperti diatas..yuk Kesini >>>>>

0 comments:

Post a Comment

Peraturan Berkomentar :

1. KOMENTAR "PERTAMAXX, KEDUAXX, NICE GAN, NICE SOB" dan sejenisnya akan langsung Tutorialogi hapus
2. Berkomentar sesuai isi postingan.
3. Berkomentar dengan sopan, tidak SARA, kasar/porno.
4. Dilarang SPAM !
5. Dilarang menaruh iklan !
6. Apabila menaruh link hidup maka akan Tutorialogi Hapus (Maaf Sebelumnya)
7. Apabila Anda ingin berkomentar dengan menyertakan link blog, silahkan gunakan profil OpenID.