Cara membuat Recent Comments+Thumbanil di Blogspot

Khairul Abdal-6 april 2012
 Hey kawan kita ketemu lagi, apa kabar semuanya? pasti sehatkan? disini saya akan membawa postingan terbaru dan terhangat.

Mari langsung saja kit mulai...Cara membuat recent Comments+Thumbanil di blogspot
1. anda harus login terutama di blogger bagi yang punya account blogger
2. Tampilan Dasbor Muncul
3. Klik Rancangan
4. ADD GADGET>>Html/Java Script
5. Copy KODE ini Di Html/Jaava Script,jangan lupa isi judulnya

<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  = 3,
showAvatar  = true,
avatarSize  = 50,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://johnytemplate.googlecode.com/files/recentcomment.js"></script>
<script type="text/javascript" src="http://khairulabdal.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

Warna merah ganti dengan Url Feed anda
Warna Hijau anda bisa ganti ukuran Gambarnya
Warna Biru anda bisa ganti semaunya ada berapa orang di munculkan

6. Save
Saya senang telah berbagi Informasi kepada teman dan semuanya...
seoga artikel ini bermanfaat bagi anda....
Selamat Mencoba..
Wassalamualikum....
No copas...

Share :

Tweet

More

Related Post