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.

anonymous

Cara Mengganti Avatar Komentar Blogger

1. Masuk ke Dashboard
2. 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/AVvXsEhsdRztfDKIzLI4OImefu9hWYE0hjDkRDhKhH6hZzQ2XA2m1Bpg2UQY0kjytBdNJg-EeicXG97uBAgjaPE3ozDuauPDTkr43bJ-kOysXkB7C78PMOig-aqD3EB8nI-EBvVXxlSmxtoJFnk/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
Blogger
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1ZlmbKSlpb1iZONBwHTFAfb6H8aQ60HGPikdr0qD4SiCdNcs6saI9JtCAx3fIy0QJiiuz0WXqq_yImXdIKU_agA8GeR88oOObTmb9C3U7nDVbeVIUn-na6cma_HQV4Bg2LwksaZeLEtM/s1600/blogger2.jpg
2. Anon6
Anonymous
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMwyv91crKuKpA-a04hN1tR0GF05seicWbjaYfoQc4ClaSDN-NR2nebrg2HrJ8ZNninUFHzeNTgoX_dppKQ1sxjJm3UrzoeGB0noJXP3_YNubpTKGfac39R1I-p_hBbRaWUP3GIbvAYsQ/s1600/anon6.png
3. Anon7
Anonymous
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiql5qzQ48txqVwAiUwIdgp7VvzDcL0KpSbXDY_r2hJADPgUdv2Fj6JLe1PKib2VHDTxc8Ke6q3EdNgZXlpU0Lhw3oxM0_UEkSk8MUaqOhCHpPRG3TcMynz09CYC7Mn__sl8JHuUlT1So0/s1600/anon7.jpg
4. Gravatar
Gravatar
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzOR3xgiX198vK7Y1QFZrHSsUZ-l5RGqY_3KKVLLsRBYjjCChU68VJr8f2JQlXH7UvV4AFOPUMURREC19plo0Gg2QfwDBfMjgnetvlVAUVAyv5ptRF8tDoBMOYvthfgERzdpX6hKGHaz0/s1600/gravatar2.jpg

Apabila tutorial cara mengganti / merubah avatar komentar blogger ini bermanfaat, silahkan share dan jangan lupa menyebutkan sumber.smile
Suka artikel ini? Bagikan :
 0
 
Posted by :
Add Comment

Langganan: Posting Komentar (Atom)