Cara Membuat Recent Comment No Avatar Admin

Coretan Bang Dadan on

Sunday, January 20, 2013

Cara Membuat Recent Comment No Avatar Admin - Sahabat blogger, pada postingan yang lalu bang dadan pernah membuat artikel tentang Cara Membuat Recent Comment Avatar di Blog, nah untuk kesempatan kali ini bang dadan akan membahas Cara Membuat Recent Comment No Avatar Admin. Artikel kali ini sebenarnya sama saja dengan artikel yang lalu, hanya saja pada artikel yang lalu avatar admin ikut serta dalam recent comment tersebut. tapi pada tutorial kali ini avatar/gambar admin tidak dimunculkan pada recent comment tersebut. mengerti kan maksudnya?

Bila sobat ingin melihat DEMO nya silahkan lihat pada bagian sidebar blog ini terdapat pada multi slide widgate dengan nama Recent Comment, nah seperti itulah kira-kira.

Baiklah kalau sobat juga ingin menerapkannya pada blog sobat masing-masing silahkan sobat ikuti tutorial nya berikut ini:

Cara Membuat Recent Comment No Avatar Admin

---

• Login ke blog
• Menuju Rancangan ⇉Tata Letak
• Tambah Gadget ⇉ Pilih HTML/Javascript

Copy kode dibawah ini pada HTML/Javascript

<style type="text/css">
    ul.sakahayang_recent_comments{list-style:none;margin:0;padding:0;}
    .sakahayang_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;}
    .sakahayang_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;}
    .sakahayang_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .sakahayang_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 11px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 6,
 showAvatar  = true,
 avatarSize  = 30,
 roundAvatar = true,
 characters  = 45,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=30,
 adminBlog='Bang Dadan';
//]]>
</script>
<script type="text/javascript" src="http://google-js.googlecode.com/files/rcno.js"></script>
<script type="text/javascript" src="http://http://bangdadan.blogspot.com//feeds/comments/default?alt=json&callback=sakahayang_recent_comments&&max-results=20"></script>
</div>

• Ganti kode yang berwarna merah di atas sesuai keinginan anda.

numComments = 6, (jumlah komentar yang ditampilkan)
showAvatar = true,
avatarSize = 30, (ukuran avatar dalam pixel)
roundAvatar = true,
characters = 30, (jumlah karakter yang ditampilkan)
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", (url avatar)
hideCredits = true;
URL = http://bangdadan.blogspot.com/
adminBlog='Bang Dadan'; (ganti dengan nama profil blog sobat)

• Selanjutnya klik simpan

Nah mungkin cukup sekian pembahasan kita kali ini tentang Cara Membuat Recent Comment No Avatar Admin. Semoga artikel ini bermanfaat buat anda semua..!!!

Labels: blogger tutorial, Widget

Thanks for reading Cara Membuat Recent Comment No Avatar Admin. Please share...!