Cara Komentar Terbaru Pakai Foto

Cara Komentar Terbaru Pakai Foto | Blogger sekalian jika memakai Recent Comment bawaan dari google apakah sudah puas?bagi saya belum, komentar terbaru google hanya ada nama, link, dan komentar tetapi tidak ada fotonya. Nah setelah tanya2 akhirnya ada recent comment yang bisa pakai foto. Okey..

1. Loggin ke akun blogger anda

2. Masuk ke Rancangan

3. Pilih Elemen Laman

4. Tambah Gadget

5. Pilih Html/Javascript

6. Tempel script dibawah ini

<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 5px !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:3px;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,
roundAvatar = true,
characters = 60,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://anvity-host.googlecode.com/files/comments.js"></script>
<script type="text/javascript" src="http://www.stzuriah.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

7. Simpan. Selamat Mencoba!
Berwarna Merah adalah URL blog anda
Berwarna Kuning adalah jumlah komentar yang akan ditampilkan
Berwarna Biru adalah ukuran foto komentator
Berwarna Hijau adalah rincian komentator

Read more: http://stzuriah.blogspot.com/2013/03/cara-komentar-terbaru-pakai-foto.html

Monday, March 11, 2013