Home » » CARA MEMBUAT RECENT COMMENT AVATAR

CARA MEMBUAT RECENT COMMENT AVATAR

Written By januari kristi on Tuesday, November 6, 2012 | 2:38 PM

Membuat recent comment adalah hal yang terbilang penting jika blog kamu udah ramai pengunjung. Bayangkan saja ketika anda menjadi seorang user yang sedang browsing ke sebuah blog yang banyak terlihat komentar-komentarnya.

Melihat hal itu tentu apa yang anda tulis pasti terlihat menarik bagi user bukan?? Apalagi kalau liat recent comment dengan tampilan yang menarik seperti disamping ini.

CARA MEMBUAT RECENT COMMENT AVATAR ini saya ambil dari blog Mas Kolis dan akan saya bagikan juga bagi kamu yang mungkin lagi cari-cari widget seperti ini.



Berikut ini caranya :
  1. Login ke blogger dengan akun Anda.
  2. Di dashboard masuk ke layout
  3. Setelah itu anda pilih add gadget >> HTML/Javascript
  4. Masukkan kode-kode di bawah ini pada kotak HMTL/Javascript

<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;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.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  = 5,
showAvatar  = true,
avatarSize  = 50,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="https://masolis-javascript.googlecode.com/svn/trunk/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://tokokaoskeren.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
Keterangan :
Warna merah (5) : adalah jumlah komentar yang ditampilkan
Warna kuning (50) : ukuran pixel avatar
Warna hijau (60) : Jumlah karakter huruf komentar
Warna biru : ganti dengan URL blog Anda.

5.Terakhir save, membuat recent comment dengan avatar telah selesai.

Mudah bukan? Selamat mencoba ya..
Salam Sukses Krisma Fashion.
Share this article :

+ Komentar Pembaca + 4 Komentar Pembaca

11/6/12, 4:10 PM

thx ya kk blog ane masuk tv
artikel yg berguna kk
bondowoso-jawa.blogspot.com

11/6/12, 6:05 PM

hebat gan,,, masuk tv dalam rangka apa gan??

11/7/12, 2:10 PM

Izin menyimak artikelmu sob..
Artikel yang bagus..

#Salam dari saya.. Admin Tutorial Blogz

11/7/12, 4:22 PM

thankyu gan...

Post a Comment

HAL YANG PERLU DIPERHATIKAN DALAM BERKOMENTAR :

1. BAGIKAN/SHARE agar artikel ini juga di baca oleh orang lain.
2. Sebelum berkomentar silakan Like Fans Page Facebooknya.
3. Silakan berkomentar apapun dengan bahasa yang sopan.
4. Jika produk kami sesuai dengan anda silakan SMS di 089606442319.

Kritik dan saran yang membangun sangat kami harapkan.
Pepatah mengatakan "Anda Sopan, Kamipun Segan".

Terima kasih

 
Support : Creating Website | Template | Template
Copyright © 2011. KRISMA FASHION - All Rights Reserved
Template Created by Creating Website Published by Template
Proudly powered by Blogger