Mengganti Avatar Komentar Pada Blogger Threaded Comment
Kang Ismet
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', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHzwA2W0Hao05QimFk9BPbsi6vhYvJrzCoDBfnuGYLlWFWIpL9ryrl3U6QMvb6wqvCAr0qNUwyAV71egLPcWYj7WEwGbyvl461TBgvbRE9T4CymzjCbKDDP8-BOzRmsBE0XdTmEYD-TPE/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
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiauqyG_3SopWo6iP3-f1raeeGJcMxgQcISbQ840fAe_v0pb5LKJgYfmmBvQMmRgYOwX-J2gpz4q-E2JidwM7xHips_njtYAiQyHea1lae6XmzyDJVvtGyySgtnxrLDYB9wDL6xDC73B7c/s1600/blogger2.jpg2. Anon6
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWlatgW76L88tAdjF0Ybcn6VzSFIIwnudPAZD52vPbtkEWj7Il24qZ4hWzgO-BL7PEAbN-EmJcqw8yl2ehPZ33puITu7dgV7zanDR3cPwdnKvfM-URCFzd0-g4sVF4HAZJhEwv8R2B0iI/s1600/anon6.png3. Anon7
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja7VtExxKcq1KcSz3z2BAkH6OraaYJ6U1nD1ILCaeoyOs1Rf4MhcnxerFdmaKfw_160El5Jui-oR0qqkJZIxbjGTr-tiZJ8HvGAJQI6pvDeZqMdbDvc_Y-c7-sDoJ3aUB5GDClAx4YpCs/s1600/anon7.jpg4. Gravatar
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ0ghCy1sWPE2YZO5KWCkrVS1UrCgT11GKBNZlVaS4-VHR5eZxbGHSm-GVnuNyXUYauVg1GKYgZmoOQB_fgSREkCtQ1w_IZxUUTl5y7Cz0YuHaKeBeIGsHAUjmce4MM-RcWWFe4OO59rU/s1600/gravatar2.jpg
Apabila tutorial cara mengganti / merubah avatar komentar blogger ini bermanfaat, silahkan share dan jangan lupa menyebutkan sumber. :)
pertamaxx..
kalo mau rubah di css nya gmn yah?? bisa gak??
udah di acak2 edit di css ga bisa sob... kalau awal2 bisa, tapi berubah lagi JS nya. Makanya diakali lagi dengan JS.
iyaa sih, saya juga udah pernah edit2 css treded coment nya tapi yg icon gak bisa berubah :(
tp enakan pake js :D tinggal pasang :D
Jadi berterimakasihlah sama JS.. :) saya juga sempet putus asa ngakalin css-nya.
wew sekarang kang ismet jado kana script euy ayeunamah :)
Isin ah... hehehe
jadi gambar avatar untuk yg komen pake URL/Name dan Anonymous sama ya kang? :D
btw, kalo biar beda gambarnya bisa enggak ya? hehe..
Iya sama sob... soalnya dari bloggernya sama, jadi ga bisa dibeda2in :)
wah, keren :D
itu pake jquery ya mas? :o
Betul sob... prcaya lah sama agan Ladida :)
oh ya, ada yg mau saya tanyakan, itu avatar defaultnya semacam di-replace atau ditutupi? terima kasiih ^^
di-replace sob.. yang awal dibuat blank, nah kalau kita bikin blank avatar, maka yang muncul background dari CSS.
Ternyata ada bumbu jquerynya ya, kang saya perhatiin semenjak blogger threaded comments ini tombol "hapus" komentar kok ngga ada ya? kan biasanya ada pilihan "hapus" bagi yang menggunakan profil blogger :/
biar enak pake bumbu sob.. memang sebagian ada yang ga tampil, tapi di blog saya ada kan?
Iya tampil, cari tau masalahnya dong kang, lalu buatkan tutorialnya :D #request
Bisa share template yang ga ada tombol 'hapus'? kalau ada tolong kirim ke [email protected]... coba dipelajari :)
Kayaknya bisa dibuat dengan avatar bikinan sendiri ya, diposting diblog kemudian lokasi "src" nya disesuaikan
Btul sob... url di atas, buat yang males bikin sendiri :)
lewat css jga bisa kang ^^
Coba saya minta kodenya, atau link tutorialnya... :) soalnya saya sudah acak2 tetep ga bisa.
Iya, Mana tutorialnya nih...
Mbah Qopet OMDO ah.... mana buktinya dong kalau bisa pake CSS
maaf ternyata udah nggak bisa di atur lewat css, saya baru tau kalo udh di update lagi. waktu pertama diluncurkan memang bisa :) maaf
xixixixix....:)
@Joe... Santai aja sob :) @Mbah Qopet: kan udah ditulis di atas, kalau awal2 image nya blank, skrng sudah pake background 'anon36.png' :)
Kalo cara Komentar seperti punya agan gimana bang?.....
Apanya sob?
Thx, kang ...sudah dipasang di blog abdi.
tapi sayang enggak bisa. Apa enggak cocok ya?
Saya liat blognya udah bisa tuh sob...
kalo buat komentar seperti punya akang ismet nih gimana yah?
kayak punya blog ini gimana kang?
Avatarnya maksudnya?
menarik
mkasih sob artikelnya...
saya mau coba duli ya dan jangan lupa kunjung balik blog saya.
http://superrefreshing.blogspot.com
Siap sob...
ini yang ane cari kang.. lengkap sudah pencarian ku,,haha semua dari kang ismet
congrats sob..
lagi lagi nggak bisa kang.
yang mengganti buat admin kemarin juga nggak bisa.
tiap kali di tambah javascript nya malah slider di template q mati semua..
nggak paham nie..
wah terimakasih banyak atas infonyamas, akan saya coba n salam kenal mas..........
Sama2 sob
Mantep mas, keren threaded comment ini...
makasi ya kang udah ngasi tutornya :)
Thanks sob infonya ...
kunjungi balik sob http://mat3riku.blogspot.com/
Terima Kasih kag,tutornya berhasil diterapkan di blog saya.:))
mantep bgt gan !!!
Makasih kang, bagus banget artikelnya, sangat membantu....
makasih ya bro, salam kenal...
mumpung masih di hari yang fitri saya mau ucapin minal aidzin wal faidzin
terimakasih..sangat berguna infonya
woww.. lagi2 tutorial nya manjuuuurrr...
punya saya ko' ga bs ya sob? ga mau kluar gambar avatarnya...
Kalau untuk selain blogger bagaimana caranya..
mantep gan :D
kang, kalo mw ganti avatar Default Admin gimana?
tanpa harus ganti foto profil akun blogger..
TQ b4.
keren, tapi javasriptnya terlalu besar sizenya..
ni malah berefek loading page kita. ane liat di googlecode sampe 270 kb, padahal jqery lainnya ja paling 50 kb...
Terima kasih gan atas infonya
Hmmm... saya pengen ada nysip tag alt dan tag title di situ kang. Bisa nggak? Gimana, ya?
Kalau untuk mengganti avatar komentar akun google dengan anonim gimana ya kang? soalnya blog suka berat kalau banyak yang komen dengan akun google. Mohon pencerahannya kang!
wah ga bisa sob... soalnya kan G+ punya google, begitu pula blogger, jadinya terintegrasi
kang numpang tanya, komentar di blog nggak bisa nampilkan foto profil,.
apanya ya yang salah?? mksh blsnnya,.
mas, boleh minta bantuannya ga?? kenapa di blog saya tidak tampil avatar ya?? padahal template nya udah tak ganti ganti biar mw nongol avatar , tp tetep aja ga mw nongol.. yang keluar malahan avatar annon36 itu. mohon bantuannya...
makasih kang informasinya,
sangat bermamfaat sekali. :)
Mntap kang tutor nya sudah di praktekin dan berhasil..
panjang banget sih komentarnya,,
kaya antrian bidan saja , ,
heheh jadi ngiri , ,
nyimak ajalah bagus banget dah postingannya , ,
praktekinn lah
kang mau tanya, kalo semuanya jadi anonymous semua gimana? kagak muncul2 foto2 avatarnya, jadi anonymous semua diblog aq
maaf kang @ismet : setelah saya terapkan cari di atas , tapi tidak ada perubahan yang terjadi di blog saya , mohon sarannya kang :(
ga ada berubahan kang ismet :(
Kalau ada masalah gambar profil blogger di komentar tidak muncul alias nge-blank, gimana solusinya?
Komentar ini telah dihapus oleh Unknown sebagai penulis.
mantap sob bener2 membantu ijin shared sekalian ya sob xD maklum blog saya masih baru dan masih newbie urusan beginian hehe :D http://www.yudha21s.tk xD
assalamu'alaykum wr wb
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
waalaikum salam :)
haturnuhun kang ilmuna...
Komentar ini telah dihapus oleh Admin sebagai penulis.