Posted by : Muhammad Syaifullah
Sabtu, 18 Mei 2013
Halo sobat kali ini saya akan ngepost Cara Membuat Recent Comment Dengan Avatar yang ada dipojok kiri bawah blogku , kalo masih bingung yang mana sekarang saya kasih SSnya aja
Nah caranya gimana? , nih saya kasih tau XD
- Login blogger
- Pilih tata letak
- Add gadget
- Pilih HTML/Javascript
- Nah abis 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://www.galpock.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 tutorial : Xpress Community
Ditulis Oleh : Muhammad Syaifullah
Terimakasih telah membaca artikel tentang Cara Membuat Recent Comment Dengan Avatar. Jika ingin mengcopy paste, jangan lupa untuk menyertakan sumbernya.
- Home>
- Blogger , Tips And Tricks >
- Cara Membuat Recent Comment Dengan Avatar
{ 2 komentar... read them below or Comment }
Selamat Datang Di Blog Yang Aneh Ini
Thanks For Visiting ~
Kalo komentar yang enak enak aja ya jangan pake Anonymous kalo mau komen juga yang relavan ya dan kalo mau dikomenback bilang aja ga usah malu malu pastiku komenback ko kalo ga sibuk , dah gitu aja :v
Langsung saya praktekin gan :D
BalasHapussilakan aja gan
Hapus