Cara Pasang Recent Comment (Komentar Terbaru) Dengan Avatar - New

Tutorial hari ini yaitu tata cara membuat Recent Comments (komentar terbaru) with Avatar, tidak seperti recent comment yang kebanyakan kita temui pada blog para blogger.
Cara Pasang Recent Comment (Komentar Terbaru) Dengan Avatar - New
1. Login
2. Rancangan
3. Tambah Gadget
4. Pilih Gadget HTML/Javascript
5. Salin Kode HTML di bawah ini, lalu tempel di kotak HTML.
6. Dan jangan ada yang terlewat ubah dulu http://SNIFAN.blogspot.com, dengan nama blog kalian, lalu SAVE.
7. Lihat Blog.

Kalau widgetnya tidak sesuai dengan sidebar blog kalian, ada beberapa kode yang ditandai miring di bawah ini yang bisa kalian utak-atik biar tampilan widgetnya sesuai dengan ukuran sidebar blog kalian.

Jika kalian tertarik sama widget komentar terbaru ini, silahkan dicoba. Gratis!

<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 = 20,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 40,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = false;
//]]>
</script>
<script type="text/javascript" src="http://snifan-blogspot.googlecode.com/files/recentcomment.js"></script>
<script type="text/javascript" src="http://SNIFAN.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=20"></script>

Selamat mencoba semoga berhasil.
Sumber Script : http://snifan.blogspot.com
*****

Comments

Popular posts from this blog

Part II - IF LEFT, IF MID, IF RIGHT, VLOOKUP RIGHT dan HLOOKUP LEFT

Monster Legends: Panduan Breeding (Breeding Guide) 2014

Fosil Nabi Adam AS ! - Jangan Percaya Bila Anda Tahu Kebenaran Sesungguhnya