Tutorial Blogskin : Top Comment.
Assalamualaikum :)
Kalau tak silap arrien,ada hari tu someone request tuto top comment *tak ingat sapa* but arrien kata arrien tak tahu,so tetiba sewaktu blogwalking jumpa satu blog yang menggunakan blogskin and ada Top comment dekat blog dye,so arrien mintak dye buatkan tuto. Jadi sekarang arrien pulak nak share dengan korang. First,credit tuto to Nurah :) Perhatian,tuto ini hanya untuk pengguna blogskin/classic template.
1. Dashboard > Template > Edit HTML.
2. Copy code nie:
<div style="width:ancho;height:250px;overflow:auto; ">3. Paste dibahagian SIDEBAR korang.
<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:9 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:right;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;margin-left:17px;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 = 44,
roundAvatar = true,
characters = 40,
showMorelink = true,
moreLinktext = " »",
defaultAvatar = "http://24.media.tumblr.com/2691224fccc37256f6b94c8372e9499c/tumblr_mn0j7dgfcZ1s4nyxho1_500.jpg",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="URLBLOGfeeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=10"></script>
</div><br>
4. Preview & save.
Note :
Orange : Height.
Blue : Jumlah comment yang hendak dipapar.
Red : Url Blog korang.
4 Comments
Saya org yg request kot hehe :p
BalasPadamNanti ade mase sy buat ye :) thanks for the tuto
@Kawaii Gurlzz owh,yeke..sorry lupa siapa yg request sry tu.. btw wc :D
BalasPadamMenjadi, thanks ^^
BalasPadam@Kawaii Gurlzz oke wc :)
BalasPadamThankz sudi baca entry arrien..
Jom ringan2 kan tangan anda untuk comment ^_^
Terima Kasih :D
No hard word..
Plezz..berbudi bahasa budaya kita kan ?? ^_-