Advertising

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...


▶ INFO ARTIKEL :
OLEH:
LABEL: Tips Blog,
JUDUL: Membuat Recent Post dengan Thumbnail
URL: http://www.siomponk.com/2011/09/membuat-recent-post-dengan-thumbnail.html
Loading...

Written by : - Part Time Blogger

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

Follow On : Facebook | | Blogger

0 Response to "Membuat Recent Post dengan Thumbnail"

Poskan 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.