- Back to Home »
- Tutorial Blog »
- Cara Membuat Recent Comment Di Blog
Posted by : Sandhy09
4 Jul 2013
Hay sob kali masih tentang Tutorial Blog. Sandy-Cyber kali ini akan share Cara Membuat Recent Comment Di Blog. Following steps:
- Login ke blogger
- Pilih tata letak
- Add gadget
- Pilih HTML/Javascript
- Stelah itu masukan kode dibawah ini
<div style="overflow:auto;width:100%;">*NB : Kalo kodenya ga bisa dicopy itu sebenernya bisa cuma ga keliatan aja
<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: #fff;display: block;font-size: 12px;font-style: none;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 100,
defaultAvatar = "",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://sites.google.com/site/bloggerbugis/js/Recent_Comments_New_Bloggerbugis.js"></script>
<script type="text/javascript" src="http://sandymufc09.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
</div>
Buat yg warna Merah itu buat nampilin jumlah komennya
Kalo yg warna Hijau itu ukuran avatarnya
Dan kalo yg warna Biru itu kamu ganti dengan link blogmu
Nah itu udah jelas kan tutornya kalo masih belom muncul juga berati FF (Factor Face) XD
Sekian tutor Cara Membuat Recent Comment Dengan Avatar semoga bermanfaat
Sumber : Xpress Community
Diposkan Oleh : Sandhy09 ~ Life Must Be Creative
Sobat sedang membaca artikel tentang Cara Membuat Recent Comment Di Blog. Oleh Sandhy09, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini dibawah postingan yang sobat copas sebagai sumbernya