Mengganti Avatar Komentar Pada Blogger Threaded Comment
Tutorial kali ini masih tentang sistem komentar baru blogger (threaded comments), yaitu bagaimana cara mengganti default avatar komentar pada threaded comment blogger. Pada awal diluncurkan sistem komentar terbaru (threaded comments), blogger menggunakan http://img1.blogblog.com/img/blank.gif (blank tidak ada gambar), sehingga untuk mengganti avatar menggunakan background.
Seiring perkembangannya kemudian blogger mengganti default avatar menjadi http://img1.blogblog.com/img/anon36.png seperti pada gambar di atas. Sehingga penggunaan background pada avatar-image-container, tidak berpengaruh.
Menurut hemat saya, default avatar blogger kurang menarik bahkan setiap blog yang menggunakan platform blogger / blogspot mempunyai avatar yang sama untuk komentar yang menggunakan Anonymous atau menggunakan Nama dan URL.
Dengan sedikit penambahan JavaScript akhirnya ketemu juga cara mengganti default avatar blogger ini. Contohnya seperti gambar di bawah.

Cara Mengganti Avatar Komentar Blogger
1. Masuk ke Dashboard2. Klik Edit HTM
3. Cari kode
</body>
4. Tambahkan kode dibawah, tepat sebelum kode
</body>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'http://4.bp.blogspot.com/-JF6712BTA-U/T2Z5ZRTOrOI/AAAAAAAABn4/cXZsvDO8Hzs/s1600/anon5.png')
.ssyby('blank')
</script>
5. Save Template.Bagi rekan-rekan yang mau mengganti avatar, silahkan pilih mana suka (copy url nya) ganti kode yang berwarna merah.
1. Blogger

http://4.bp.blogspot.com/-YXqDPLzUBOk/T2cTb8Oru8I/AAAAAAAABoY/jBiDzNtxalU/s1600/blogger2.jpg2. Anon6

http://1.bp.blogspot.com/-kR2Y_oJ6aSg/T2cUI61bGhI/AAAAAAAABoo/L3CbI2ONU4c/s1600/anon6.png3. Anon7

http://3.bp.blogspot.com/-zooNSeneo0Y/T2cXjizVMVI/AAAAAAAABow/u27OI-WsIUU/s1600/anon7.jpg4. Gravatar

http://4.bp.blogspot.com/-2Oo4G1HyINA/T2cXpqZImbI/AAAAAAAABo4/P0nzEePC808/s1600/gravatar2.jpg
Apabila tutorial cara mengganti / merubah avatar komentar blogger ini bermanfaat, silahkan share dan jangan lupa menyebutkan sumber. :)
76 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
Wanpedia
terimakasih kang, sudah saya terapkan. tapi tidak tahu jadi apa enggak. hehehe. kunbal dong kang, biar tahu perubahannya
>> http://ubandi.com/
syukronn yooo :)
wassalamu'alaykum wr wb
kaya antrian bidan saja , ,
heheh jadi ngiri , ,
nyimak ajalah bagus banget dah postingannya , ,
praktekinn lah
sangat bermamfaat sekali. :)
apanya ya yang salah?? mksh blsnnya,.
ni malah berefek loading page kita. ane liat di googlecode sampe 270 kb, padahal jqery lainnya ja paling 50 kb...
tanpa harus ganti foto profil akun blogger..
TQ b4.
mumpung masih di hari yang fitri saya mau ucapin minal aidzin wal faidzin
kunjungi balik sob http://mat3riku.blogspot.com/
makasi ya kang udah ngasi tutornya :)
yang mengganti buat admin kemarin juga nggak bisa.
tiap kali di tambah javascript nya malah slider di template q mati semua..
nggak paham nie..
saya mau coba duli ya dan jangan lupa kunjung balik blog saya.
http://superrefreshing.blogspot.com
itu pake jquery ya mas? :o
btw, kalo biar beda gambarnya bisa enggak ya? hehe..
kalo mau rubah di css nya gmn yah?? bisa gak??
tp enakan pake js :D tinggal pasang :D