Untuk memudahkan anda melihat berbagai komentar terbaru yang masuk pada blog anda tanpa harus mengklik satu persatu postingan anda maka anda dapat menambahkan gadget komentar terbaru pada blog anda, selain itu adanya gambar profil / foto dari orang yang berkomentar membuat tampilan lebih menarik. Adapun langkah langkah untuk
membuat gadget komentar terbaru pada blogger anda :
2. Pilih Tata letak
3. Pilih Tambah gadget
4. Klik html/javascript
5. Masukkan kode script berikut :
<div style="overflow:auto;width:auto;height:250px;border:1px solid #ccc; padding:10px; margin:0 auto;background:#fff;">
<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 = 10,
showAvatar = true,
avatarSize = 50,
roundAvatar = true,
characters = 200,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/harysuka/top-comentar/Recent_Comments.js?attredirects=0&d=1"></script>
<script type="text/javascript" src="http://ikepolsa.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=100"></script></div>
NOTE :
Ganti kalimat yang berwarna merah dengan alamat blog anda!!!
0 komentar:
Posting Komentar