baner
- Home >
- Tutorial Blog >
- CARA MEMBUAT RECENT COMMENT DENGAN AVATAR
Posted by : andika
Jumat, 01 Maret 2013
caranya:
1 Login Akun Blogger
2. Masuk Ke Rancangan
3. Klik Tambah Gadget
4. Ambil Javascript/HTML
5. Pastekan Script Ini di kotak besar yg di sediakan
<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_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;}
.tb_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;}
.avatarImage:hover{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_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 = 15,
showAvatar = true,
avatarSize = 50,
characters = 60,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/26002010100/recent-comment-by-rendy-aprizia-prayoga.js"></script>
<script type="text/javascript" src="http://ucok-template-blog.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
Keterangan :
Yang Warna BIRU Kamu ganti Dengan Url Blog Kamu
Selesai Deh !!!
Bila ada yang di tanyakan Tolong Berkomentar
sumber
ngga work gan
BalasHapussaya coba dulu gan
Hapusudah di ganti sob scriptnya
Hapus