Cara Mengubah Gambar Avatar di Kolom Komentar Blog

gambar avatar default
JIKA ada pengunjung blog yang komentar di blog Anda dengan menggunakan "Anonymous" atau "Nama/URL", biasanya gambar yang muncul adalah gambar bawaan blogspot seperti di ilustrasi gambar posting ini. Sumbernya adala http://img1.blogblog.com/img/anon36.png

Kita bisa mengubah default avatar itu dengan gambar avatar yang kita suka atau bikin sendiri, misalnya icon/logo blogspot seperti yang CB Blogger gunakan di blog ini. 

Bagaimana cara mengubah Gambar Avatar bawaan blogspot di kolom komentar blog? Ini dia:


1. Template

2. Edit HTML
3. Temukan kode </body> (biasanya ada di paling bawah)
4. Copy kode berikut ini dan PASTE di atas kode </body>:


<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'your-avatar-url-here')
.ssyby('blank')
</script>

5. Save!

Anda bisa menentukan sendiri gambarnya, ukurannya 36x36 Pixel, lalu upload ke blog Anda atau ke Album Google Picasa, Flickr, atau ke mana aja biasa Anda simpan gambar. Copy linknya dan paste-kan di bagian ['your-avatar-url-here']



Good Luck!

Labels: Desain Blog
13 Komentar untuk "Cara Mengubah Gambar Avatar di Kolom Komentar Blog"

Terima Kasih

mangstab triknya. Ijiz praktek

knp ya di web ane kug ggak bisa ya gan?? apa krn Js nya g jln / knp ini??

gan nih yg di ubah di komentarnya paan ?

seep tutorialnya bro.. saya lagi search di google tentang avatar di komen blog, nemu blogmu disini..

gan kodenya di paste di atas atau di bawah kode (body) saya sempet baca di blog sebelah paste kodenya di bawah kode (body) script nya sama cuma penempatannya beda, dan apa bedanya dengan memasang di atas (body) atau di bawah (body)?

mungkin gak ada kode jquery atau memang gak cocok dengan template yang dipakai

gak usah bingung, coba aja pasang, lihat hasilnya....

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

Contact Form

Name

Email *

Message *