How to Change Default Anonymous Avatar in Blogger Comments andrey понедельник, 6 мая 2013 г. No Comment

In the past tutorial you've learned how you can change avatars size in blogger comments but this simple tutorial will show you how to change or customize default avatar of anonymous commenters or Blogger users with no photo added on their profiles. After Blogger announced new feature of threaded comment, we can still customize it by adding a jQuery plugin to our template and replacing the default anonymous avatar URL http://img1.blogblog.com/img/anon36.png and the one for blogger users http://img2.blogblog.com/img/b36-rounded.png with our own.


Step 1.

If you are using the old Blogger interface:

• Go to Dashboard - Design - Edit HTML - Expand Widget Template (make a backup)

If you are using the new Blogger interface:

• Go to Dashboard - Template - Edit HTML - Proceed - Expand Widget Template (make a backup)

Step 2. Find (CTRL + F) this code in your template:

Step 3. Add the following code just above it:

Step 4. Save the Template

How to change avatar:

For Anonymous users: Replace the code in red with the url address of your image
For Blogger users: Replace the URL in blue with your own.

You can choose one from these below (copy the url address):

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB6em9POxuqwG7svJ8z7hAUCVZElFFmiut9ZTVfpcsTITZYLPsJr6Mm9pSEIQjQLegegjxn9vnwQYFpgFwfXqdoX5RnZjW3PBqyqYpdyzyugrI8o7bgM0sCxUTTiBmhBsrNWq94ne1j_E/s200/default_avatar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_o-AwmBGx6KdExvmrAjsJciM7KQ4R_YnGZVo-m5bZQD-zK4TkRinzLyWJ8kHv9RZ9IrLxEK_UBBslLEACww8pi4T_TktNpAH1nldwAkOEZgaU6XPBjBxvyMhlAf-sDMQFgY4bd4CWxkc/s1600/facebook.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_JtQ199bSP9CDVw5yFdVfKniL4OvK1LOmnDqU4RNh1OiK37u4NP2fAkOAbvLZUnpcNTtmw6hKPwFhh6HtxJ1vslmNg7AAlabd1OWohEOkMgJmnFGpyixrmlWYyu-_J4FSUHgQNrIDleo/s1600/anonymous3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizFlDNY-PXiKtttJTyyE9vT65l6fcjw0E0QJ-Ba0G-Wvq7Pbtac9t7lHijAgRG3xPW7J_5S_0P8uXA4qcyBM4YoaS1TT_xqkyJA1sP6sS6vMCn2dK4zUXSIWzxGl9_r_RmZ5pX15HUI8qj/s1600/blogger-user.png

If you liked this post, please consider sharing it. Thanks!

In the past tutorial you've learned how you can change avatars size in blogger comments but this simple tutorial will show you how to change or customize default avatar of anonymous commenters or Blogger users with no photo added on their profiles. After Blogger announced new feature of threaded comment, we can still customize it by adding a jQuery plugin to our template and replacing the default anonymous avatar URL http://img1.blogblog.com/img/anon36.png and the one for blogger users http://img2.blogblog.com/img/b36-rounded.png with our own.


Step 1.

If you are using the old Blogger interface:

• Go to Dashboard - Design - Edit HTML - Expand Widget Template (make a backup)

If you are using the new Blogger interface:

• Go to Dashboard - Template - Edit HTML - Proceed - Expand Widget Template (make a backup)

Step 2. Find (CTRL + F) this code in your template:

Step 3. Add the following code just above it:

Step 4. Save the Template

How to change avatar:

For Anonymous users: Replace the code in red with the url address of your image
For Blogger users: Replace the URL in blue with your own.

You can choose one from these below (copy the url address):

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB6em9POxuqwG7svJ8z7hAUCVZElFFmiut9ZTVfpcsTITZYLPsJr6Mm9pSEIQjQLegegjxn9vnwQYFpgFwfXqdoX5RnZjW3PBqyqYpdyzyugrI8o7bgM0sCxUTTiBmhBsrNWq94ne1j_E/s200/default_avatar.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_o-AwmBGx6KdExvmrAjsJciM7KQ4R_YnGZVo-m5bZQD-zK4TkRinzLyWJ8kHv9RZ9IrLxEK_UBBslLEACww8pi4T_TktNpAH1nldwAkOEZgaU6XPBjBxvyMhlAf-sDMQFgY4bd4CWxkc/s1600/facebook.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_JtQ199bSP9CDVw5yFdVfKniL4OvK1LOmnDqU4RNh1OiK37u4NP2fAkOAbvLZUnpcNTtmw6hKPwFhh6HtxJ1vslmNg7AAlabd1OWohEOkMgJmnFGpyixrmlWYyu-_J4FSUHgQNrIDleo/s1600/anonymous3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizFlDNY-PXiKtttJTyyE9vT65l6fcjw0E0QJ-Ba0G-Wvq7Pbtac9t7lHijAgRG3xPW7J_5S_0P8uXA4qcyBM4YoaS1TT_xqkyJA1sP6sS6vMCn2dK4zUXSIWzxGl9_r_RmZ5pX15HUI8qj/s1600/blogger-user.png

If you liked this post, please consider sharing it. Thanks!

Tweet

by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

Tags: Без рубрики