Cara Pasang Recent Comment di blog dengan Avatar

Pernahkan anda melihat avatar dengan komentarnya yang terpasang di blog orang lain dan tampaknya itu sangat menarik bukan? Pada kesempatan yang berbahagia ini saya akan membagi bagaimana memasang recent comment di blog dengan Avatar.

Tips dan Trik kali ini adalah tentang cara membuat dan memasang komentar baru pada blog. Semoga bisa memberikan Sedikit pencerahan dan pemahaman untuk sobat ku dan setelah membaca posting ini, kuhusnya mengenai mengenai Recent Comment

Cara menginstal widget komentar blog terbaru cukup mudah, karena sobatku tidak perlu repot-repot untuk mengubah atau mengeoprek template Edit HTML yang bisa sangat sulit untuk menempatkan kode script. Anda hanya perlu menambahkan widget Add HTML/Javascript.

Jika sobat tertarik untuk memasangnya recent comment diblog sobat, silahkan saja ikuti langkah-langkahnya

• Silahkan Login/Masuk ke Blog dengan akun sobat. dengan isi username dan password
• Kemudian pada Dashboard blog, pilih Menu --> Layout/Tata Letak.
• Pilih >> Add Gadget/Tambah Gadget. Lalu pilih >> HTML/Javascript. 
• Copy dan Paste semua Code Script di bawah ini pada kotak HMTL/Javascript.
<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 = 5, showAvatar = true, avatarSize = 30, roundAvatar = true, characters = 30, defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; //]]> </script> <script type="text/javascript" src="http://gemar-html.googlecode.com/svn/trunk/js/widget-komentar-terbaru- dengan-avatar-bulat.js"></script> <script type="text/javascript" src="http://koleksibatuperhiasan.blogspot.com/feeds/comments/default? alt=json&callback=w2b_recent_comments&max-results=5"></script>






Langkah Terakhir klik Simpan

Tweet

Subscribe to receive free email updates: