Ketahui komen terkini dan bergambar

Assalamualaikum!~

Ketahui komen terkini dan bergambar

Tutorial kali ini, ikaa tujukan kepada Pykaa Pdott sebab dia ada tanya ikaa, bagaimana caranya untuk buat " ketahui komen terkini dan bergambar " seperti gambar di atas tue. Sebelum nie ikaa ada buatkan tutorial ketahui komen terkini nie kan, yang bezanya xde gambar owg yg komen tue.. So kalau korang cuba boleh ikut step dibawah ini. 


1. Log in > Layout > Add a gadget > Html javascript

2. copy code dibawah ini.

<div style="overflow:auto;width:190px;height:240px;border:1px solid #eee;padding:8px;margin:10px 0 0"><div align="center"><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  = 10,
 showAvatar  = true,
 avatarSize  = 50,
 roundAvatar = true,
 characters  = 90,
 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="http://www.bakul2011.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script></div></div>

3. Pastekan code tersebut ke dalam Html javascript.

4. Save dan selamat mencuba :)

Merah : gantikan dengan URL anda
3 Komentar untuk "Ketahui komen terkini dan bergambar"

mnrik la tp knpa nma kta pn da msk dlm 2???hehehehe

Terima kasih untuk komen yang berharga anda, datang lagi.

 
Copyright © 2014 Bakul2011.com - All Rights Reserved
Template By. Catatan Info