Assalamualaikum!~
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"
tq for sharing cik ikaa(^_^)
mnrik la tp knpa nma kta pn da msk dlm 2???hehehehe
terima kasih ika :)
Terima kasih untuk komen yang berharga anda, datang lagi.