Cara Membuat Recent Comment

Hai Sahabat Blog BL Community,Sekarang Saya Akan Memposting Cara Membuat Recent Comment.Langsung Aja Ikuti Langkah Langkah Di Bawah Ini

Langkah-Langkah :

1. Masuk Ke Blogger Agan Lebih Cepat Klik Link Ini
2. Masuk Ke Tata Letak,Pilih Add A Gagdet,Pilih HTML/JavaScript

Copas Kan Script Di Bawah Ini [Tanpa Scrool Bar]

ul.tb_recent_comments{list-style:none;margin-top:15px;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  = 5,

showAvatar  = true,

avatarSize  = 30,

characters  = 100,

defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",

hideCredits = true;

//]]>

</script>

<script type="text/javascript" src="http://script-seo.googlecode.com/files/rcntcomment.js"></script>

<script type="text/javascript" src="http://46004600.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=10"></script>

Yang Pakek Scrool Bar

<div style="overflow:auto; width:100%px; height:250px; padding:0px; border:0px solid #999999;">

ul.tb_recent_comments{list-style:none;margin-top:15px;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  = 5,

showAvatar  = true,

avatarSize  = 30,

characters  = 100,

defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",

hideCredits = true;

//]]>

</script>

<script type="text/javascript" src="http://script-seo.googlecode.com/files/rcntcomment.js"></script>

<script type="text/javascript" src="http://46004600.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=10"></script>

</div>

Catatan : --- Angka Yang Bewarna Merah  Untuk Menampilakan Jumlah       Komentar

                    --- Untuk Yang Bewarna Biru Ganti Dengan URL Anda Sendiri

3. Simpan
4. Selesai

SUMBER:BL COMMUNITY

Tweet

Artikel keren lainnya: