Komentar bergambar disini bermaksud untuk menghiasi di komentar komentar dengan macam macam gambar, agar komentar pada blog lebih menarik dan tentunya menjadi lebih bergairaaaahh,,,hehe jangan omeeess lhoo,,
Simpel saja. berikut cara menambahkan komentar tersebut pada blog sobaat....
CARA MENAMBAH GADGET KOMENTAR BERGAMBAR
1. Klik
pada Tata Letak kemudian klik Tambahkan Gadget.
2.
klik pada
HTML/JavaScript. Kemudian akan muncul halaman untuk
Mengkonfigurasi HTML/JavaScript.
a. Isikan judul gadget
b. Kemudian copy/paste
script/kode berikut ini di dalam kolom content.
<div
style="overflow:auto;width:300px;">
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:#00ffff !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: none;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 7,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 150,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar.js"></script>
<script type="text/javascript" src="http://ikepolsa2.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=7"></script></div>
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:#00ffff !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: none;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 7,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 150,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar.js"></script>
<script type="text/javascript" src="http://ikepolsa2.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=7"></script></div>
NOTE
Ganti tulisan yang berwarna merah sesuai alamat blog anda
Ganti tulisan yang berwarna merah sesuai alamat blog anda
c. Terkahir klik Simpan. Maka komentar
bergambar sudah di tambahkan di blog anda.
Mudahkan sob n simplee,,hehe tinggal copas langsung makkcleengg,,,,sekian postingan saya semoga bermanfaat.... dan jangan lupa lihat postingan cara mengotak ngatik blog..
No comments:
Post a Comment