Friday, 28 December 2012

Cara Membuat Recent Comment Dengan Avatar

Cara Membuat Recent Comment Dengan Avatar
Membuat Recent Comment Dengan Avatar - Ya, kali ini saya akan berbagi Cara Membuat Recent Comment Dengan Avatar, Apa itu Recent Comment ? Recent Comment adalah sebuah widget yang berisi komentar terakhir dari orang lain, dan apa itu Avatar ? Avatar adalah foto profil pengomentar blog kita.
Jika anda ingin menerapkan Recent Comment silahkan ikuti langkah-langkah berikut ini.

Pertama-tama Login ke www.blogger.com
lalu Masuk ke Blogger Dasbor, terus pergi ke Tata Letak.
Kemudian pilih Add a Gadget / Tambahkan Widget, selanjutnya pilih HTML/Javascript.
kalau sudah nanti akan muncul Jendela Pop-up lalu kamu letakkan kode dibawah ini di kotak Jendela pop-up.
<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: #666;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://lioneldandy.googlecode.com/files/DANDYrcomment.js"></script>
<script type="text/javascript" src="http://xpress-community.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>
</div>
<a style='font-size:11px;float:right'href='http://djf-xp.blogspot.com/2013/09/membuat-recent-comment-dengan-avatar.html' title='Get This Widget' target='_blank'>Get This Widget</a>

Pengaturan :

numComments =5 & max-results=5 :  Jumlah Komentar yang ingin di terapkan.
avatarSize =40 : Ukuran Gambar/ Foto profil pengomentar.
kemudian cari URL http://xpress-community.blogspot.com lalu ganti dengan URL Blog anda.
sisanya anda edit sendiri.
Sekian dari saya, semoga artikel ini bermanfaat untuk anda.

Seorang pelajar yang ingin berkreatifitas di dunia blogging dan yang selalu ingin membuat kreatifitas yang lebih baru.

20 komentar

Nice bg , ntar pake ahh :)

salam : zhaa-inc.blogspot.com

@ZhuraDz silahkan dipakai sob :) hehehe..
thx ya da mau berkunjung kemari :D

Nice post gan :D

Kapan kapan ane coba :D

gk masuk TV deh blog ane selamat bagi yg masuk TV

Pake langsung ah!
Visit & Comment back
http://didil-cyber.blogspot.com

info bagus gan.. :D

Visit back ya gan.. :)

ini udh prnh di coba pke script ini tp gk bsa/gk muncul.. itu knp ya bro..? -_-

Come back again..

@Z-T Blog hmm, mungkin feedsnya error kali :3
saya aja bisa :D

keren, ntar di coba
coment back
http://yoursee.blogspot.com

dandy minta cssnya komentar blog ini donk :v

kaga tau dah mam, kayaknya ngga deh..
kalo lu mau ngevalidin tinggal encrypt aja script feedsnya.

Catatan :
- Dilarang Menggunakan Link Aktif / Live Link
- Dilarang Promosi Iklan
- Dilarang Nyepam
- Untuk Menyisipkan Kode, Gunakan tag <i rel='code'> Taruh Kode Disini </i>
- Untuk Menyisipkan Kode Panjang, Gunakan tag <i rel='pre'> Taruh kode panjang disini </i>
- Untuk Menyisipkan Catatan, Gunakan <b rel='quote> Taruh Catatan disini </b>
- Untuk Menyisipkan Gambar, Gunakan <i rel="'image> URL Gambar </i>
- Untuk Menyisipkan Youtube, Gunakan <i rel='youtube'> URL Youtube </i>

Sebelum menyisipkan kode silahkan gunakan Tools Konversi Kode.
Caranya tinggal klik tombol "Konversi Kode" yang berada di Form Komentar.
EmoticonEmoticon