Cara Membuat Recent Comments

Baca Juga

Daftar isi: [Tampil]

Cara Membuat Recent Comments - Sudah beberapa kali ini saya tidak memposting sebuah artikel, karena lagi tak ada ide untuk membuat postingan. Kali ini postingan saya membahas tentang Recent Comments atau Komentar Terbaru, sama aja kali :D Saya membahas ini untuk orang awam saja, seperti saya :P. Kalo sobat tak sabar lagi, langsung saja dimulai.

Caranya :

1. Login to Blogger
2. Menu Layout - Add a Gadget - Cara HTML/JavaScript
3. Lalu masukan code tersebut

<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: bold;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="http://johnytemplate.googlecode.com/files/recentcomment.js"></script>
<script type="text/javascript" src="http://blog-aldos.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=10"></script>

Ket :

•  Yang berwarna merah ganti dengan URL Blog sobat.

Sekian tutorial yang saya berikan sobat semua.
sumber