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
  1. Login blogger
  2. Pilih tata letak
  3. Add gadget
  4. Pilih HTML/Javascript
  5. Nah abis itu masukan kode dibawah ini

<div style="overflow:auto;width:100%;">
<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>
*NB : Kalo kodenya ga bisa dicopy itu sebenernya bisa cuma ga keliatan aja

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

{ 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

> < HOME

Copyright © 2012-2016 Scairelys - Template by Johanes Djogan - Design by Muhammad Syaifullah