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.pngseperti 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 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/AVvXsEjZUzfP5xrqHVrmPCbvh5sQn1EzJN8HwY5vI87fclbovice851XPSHnv2-ifHnx7JYVnQrGF69PbgNlkoySBL4A0iLx5g4YbLdhkRR_-JNXrZm3we4lDVFlktYwKNCJS_QFCmfOVnUujiY/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/AVvXsEhf_MN2DaReKmTziiZFGRpb4We-tX08__DNS02r8E63ZxFjt9J-1Sxd8Qdi0t06hR0G-vrk2HqoQCcGrlHsmIuOy5YsuRNHEXIYVTGTpMzZpX2h1BzVPgH4oxA82Jrnly6vlqa1IbjFmAg/s1600/blogger2.jpg

2. Anon6

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFK7fbt4HIHTGOg0ZoM4wgC9E51IBNVyCFn8jPZoMxL0qxSEJtqaRbKsJYyEVZjeRZPLxUpvngrSZWDX3AW5Nj7LNAHx6n1JfEbUtRpGLYwbwImg3PWV-Sw4i_cYejoHnu_MXYVKUG45U/s1600/anon6.png

3. Anon7

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiEZUmoJn0TF-CUnkwkJ2S3wnAmkONgu_HYdWzouRFHDUTx_ozBn0UHJ9E6YsrDsN_K7qr0YNl3mnHO8g1Y5wxt4g3CPRgY0SUTCPUIKDKoMom-wYcmYCaHxacpbzBGdEuAgsVlU9ZZiU/s1600/anon7.jpg

4. Gravatar

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwc2_n5Tchxj1wLwJ7vEzHewTlodhwdAKNlY8zTyK9eNUnv7UnUahWsj_KMQWVVUQj-NN-qJkOLcOVqlQIOSLPI4COChZ9fa2yT-5wnvQOAI9Cg1hZUbof_apqby197b4X6JlJPJ-aazQ/s1600/gravatar2.jpg

Apabila tutorial cara mengganti / merubah avatar komentar blogger ini bermanfaat, silahkan share dan jangan lupa menyebutkan sumber.