Cara Membuat Widget Recent Coment

Cara Membuat Recent Coment

Seperti Gambar Di Atas Itu Adalah Contoh Widget Recent Coment Di Bolog Kami..
Akan Saya Terangkan Kepada Anda Tentang Cara Membuat Widget Recent Coment Seperti Gambar Di Atas.

1. Pergi Ke Tata Letak
2. Add gadget Html Dengan Kode Ini

<div style='padding: 5px; overflow: auto; width: auto; height: 200px;border:1px solid #000000'>
<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_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;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_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,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://data-driyansoblogspotcom.googlecode.com/files/RecentCommentAvatar.js"></script>
<script type="text/javascript" src="http://driyanso.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=30"></script>
</div>

Catatan:

• Kode Yang Berwana Merah Adalah Kode Untuk banyaknya Komentar Yang Akan Kita Sesuaikan 
• Kode Yang Berwarna Orange Adalah kode Untuk Panjang Widget 
• Kode Yang Berwarna Kuning Adalah Kode Blog Anda

Sekian Trik Blogger Dari Saya...

Mungkin Anda Bisa Lebih Meningkatkan... Script Tadi...

Terus Kunjungi Blog Kami http://driyanso.blogspot.com

Wassalamu'alaikum Warahmatullahi Wabarakatuh.