Cara Membuat Recent Comment Dengan Avatar

Cara Membuat Recent Comment Dengan Avatar

 

Oh Halo Guys !! Kali Ini Saya Akan Berbagi Tutorial Blog Untuk Anda Yaitu Cara Membuat Recent Comment Dengan Avatar Hi.... Bertemu Lagi Sudah Dua Hari Gak Posting Tutorial Blog Nih Gatal Rasanya Jika Tidak Posting Artikel/Postingan Recent Comment Dengan Avatar Tuh Contohnya Ada Di Gambar Di Atas Sebelum Mosting Postingan Yang Berjudul Cara Membuat Recent Comment Dengan Avatar Saya Itu Sudah Memostingkan Artikel Yang Berjudul : Cara Membuat Tombol Chatbox Melayang Pertama Saya Ucapkan Terimakasih Untuk Anda Pengunjung Setia Blog Saya Yang Berjudul MikiMaru Ini Ok Tampa Bacot Lagi Langsung Saja Saya Akan Memberikan Tutorialnya,Tutorialnya Itu Mudah Kok Asal Anda Ngikutin Aja Cara Cara Di Bawah Ini :

1. Login Ke Blogger

2. Lalu Tekan Tombol Bawah Di Salah Satu Blog Anda

3. Pilih Layout

4. Tambah Gadget Pilih HTML/JavaScript

5.Lalu Masukkan Kode Di Bawah Ini Di Kolom Yang Telah Tersedia

<style type="text/css">    ul.md_recent_comments{list-style:none;margin:0;padding:0;}    .md_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;}    .md_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;}    .md_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}    .md_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 13px;font-style: italic;line-height: 1.4;}</style><script type="text/javascript">//<![CDATA[    // Recent Comments Settings    var    numComments     = 5,    showAvatar     = true,    avatarSize     = 60,    roundAvatar    = true,    characters     = 40,    showMorelink    = true,    moreLinktext    = "More »",    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",    hideCredits    = false;//]]></script><script type="text/javascript" src="http://julak-project.googlecode.com/files/recent%20comments%20.js"></script><script type="text/javascript" src="http://blogbelajar2.blogspot.com/feeds/comments/default?alt=json&callback=md_recent_comments&max-results=5"></script>

 6. Simpan ( Dan Lihat Hasilnya )

Perhatian !!
> Kode Yang Berwarna Biru Adalah Kode Yang Boleh Anda Ganti Kode Itu Bertunjuan Untuk Menampilkan Komentar Contoh Jika Anda Ubah Kode 5 Itu Dengan 6 Maka Komentar Yang Tampil Di Blog Anda Adalah 6 Buah

> Kode Berwarna Merah Adalah Kode Yang Boleh Anda Ganti Itu Bertujuan Untuk Merubah Ukuran Avatar Yang Akan Tampil Di Blog Anda

 > Kode Yang Berwarna Kuning Ganti Dengan URL Blog Kamu !!

Sumber Gambar Dan Kode : Surya Community Seven

Ok Thanks Sudah Membaca Artikel "Cara Membuat Recent Comment Dengan Avatar" Yang Termasuk Dalam Label "Tutorial Blog"

Sumber : http://miki-maru.blogspot.com/2012/12/cara-membuat-recent-comment-dengan.html