Membuat Recent Coment avatar di Blogger

Written By Hanif Aghar on Minggu, 15 Juli 2012 | 8:08 AM

Nah setelah Kemarin saya Shared mengenai widget Random Post sekarang saya Akan Shared juga widget yang tidak kalah Penting yaitu Widget Recent Koment dengan Avatar... Recent Koment Merupakan Widget yang menampilkan Komentar" terbaru yang ada di Blog Tersebut. Tidak hanya itu Widget ini juga akan tampil menarik karena avatar tersebut adalah foto profil kita sendiri. Berbeda dengan Recent Comment yang tanpa avatar akan terlihat kaku dan tidak menarik.

Jadi Mengapa dikatakan Penting..??
Karena Widget ini bisa Membuat Pengunjung kita Tertarik Untuk Berkomentar di Blog kita... Dengan begitu Blog kita jadi tidak sepi Komentar dech.. hehehe :)
Tidak hanya itu Sob Widget Recent Comment ini Juga dibutuhkan manakala kita malas melihat satu persatu komentar yang masuk pada artikel kita. Dengan Recent Comment kita akan mengetahui artikel mana saja dan siapa saja yang masuk pada blog kita.

Ok Sob Sudah cukup basa-basinya langsung saja jika Sobat tertarik mau memasangnya silahkan ikuti langkah-langkahnya Berikut ini...:

Login ke akun blogger
        1.Klik Design/Layout/Tata Letak
        2.Page Element
        3.Add a Gadget HTML/Javascript
        4. Kemudian masukan kode berikut ini:

<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  = "https://en.gravatar.com/badilah",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://badilah.googlecode.com/files/recentcomment.js"></script>
<script type="text/javascript" src="http://optimus-software.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

Keterangan :
Ganti yang Berwarna Merah atau http://optimus-software.blogspot.com dengan URL blog Sobat.
numComments=5 adalah banyaknya komentar yang akan ditampilkan,
avatarSize= 50 adalah ukuran avatar
characters=60 adalah banyaknya karakter komentar yang akan muncul.

5. Simpan/Save dan Lihat Hasilnya...

Catatan : Jika di Recent Koment tidak Muncul Avatar brarti komentator menggunakan Profil NAME/URL atau Anonymous.

Nah bagaimana Sob mudah bukan..?? dan apakah Sobat sudah Berhasil menerapkannya di Blog sobat..?? Silahkan Tinggalkan Komentar sobat di Akhir postingan ini... Selamat mencoba dan semoga bermanfaat, Terimakasih atas kunjungannya... :)


Baca Juga yang ini Sob...:

9 komentar:

  1. Kenjungan siang bang ,,artikel yg bagusss ,heheh

    BalasHapus
  2. binggung naronya heheee but nice info gan ^_^


    Salam kenal

    BalasHapus
    Balasan
    1. Di Sidebar saja Sob atau Sobat buat dulu Widget 3 Kolom seperti di blog ini lalu Sobat masukan deh Scriptnya disitu... :)

      Hapus
  3. Bruakakakak !!!! Nama Saya Ada Di SS Nya !!!

    BalasHapus
  4. thanks atas infonya yang bermanfaat, salam kenal dan kutunggu kunjungan baliknya : http://www.lovepasutri.com/

    BalasHapus
  5. artikel yang bgus gan.langsung k tkp..
    jngn lpa kunjungi blog ane jg ya.
    kumpulantipshebat.blogspot.com

    BalasHapus
  6. thank's gan,bermanfaat nih :D
    kunjungan baliknya ditunggu yo http://sembile.blogspot.com

    BalasHapus

Silahkan Tulis Komentar, Kritik dan Saran Anda di Sini. Namun saya Mohon untuk tidak menggunakan komentar spam dan berkomentarlah yang sopan. Link aktif dari sumber lain yang ditulis pada kotak komentar akan saya Hapus. Terima kasih..

 
berita unik