10 September 2011

Membuat Recent Post dengan Thumbnail


Siomponk.Com - Beberapa waktu lalu saya telah mempostingkan cara membuat Recent Post pada blogger. Nah pada postingan kali ini saya akan memberikan cara Membuat Recent Comment Dengan Thumbnail.

Letakkan code berikut ini pada widget HTML/Javascript
<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 = 5,
showAvatar = true,
avatarSize = 30,
roundAvatar = true,
characters = 60,
defaultAvatar = "http://2.bp.blogspot.com/-6pCCeOe7wKA/UKRn7f0MK7I/AAAAAAAAB3s/oWt1dVVzc5Y/s1600/gravatar.jpg",
hideCredits = true;
maxfeeds=20,
adminBlog='Nama Anda';
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/2343497194/rcomment-thumb.js"></script>
<script type="text/javascript" src="http://BlogAnda.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=20"></script>
KETERANGAN:
- numComments = 5 = jumlah komentar yang ditampilkan
- avatarSize = 30 = ukuran gambar avatar
- adminBlog='Nama Anda' = ganti dengan nama anda
- http://BlogAnda.blogspot.com = ganti dengan alamat blog anda

Nah, demikianlah postingan saya kali ini tentang cara Membuat Recent Comment Dengan Thumbnail, dan semoga postingan ini dapat bermanfaat untuk anda.
Salam...
Previous Post
Next Post

Hal terpenting dalam pacaran adalah bukan dari Perbedaan Umur...
Tapi yang terpenting adalah Perbedaan Kelamin...

0 komentar:

PERATURAN BERKOMENTAR:

- Gunakan BAHASA yang baik dalam berkomentar
- Dilarang SPAM dalam berkomentar
- Dilarang SARA dan SARU dalam berkomentar
- Dilarang OOT dalam berkomentar

Jika terdapat hal demikian pada komentar anda, kami akan menghapus komentar anda tersebut.