Open top menu

In the previous tutorial (Tutorial # 39), we have learnt how to amend the size of the avatars in the blogger comments. Now we are going to learn how to change or customize the default avatar of anonymous commenters or Blogger users with no picture on their profiles.


Step 1: Go to Dashboard > Template, Click on "Edit HTML"


Click anywhere inside the code area and press CTRL + F to open the blogger' search box

Step 2: Type or paste </body> inside the search box and hit Enter to find it

Step 3. Just above the </body> tag, add the following code:


For Anonymous users: Replace the URL in line # 4 with your image address

For Blogger users: Replace the URL in line # 10 with your own.

Step 4. Save the changes by clicking on the Save Template button

You can choose an avatar from here and then copy the URL of it:

1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpNFYSoDBwGVdFIh3QosrKarL0XeCaccoTKcVV8G4883jZEUuOG6Qh6XLsgkBOskffBQAZ-vNxlqSw64t5fNtXLzqwJXNDFohm9BX7fSBsIq5VZN-nlzLQzbQNKBt9i_kbf6TWmVdgAms/s200/default_avatar.gif


2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJsiGFDxYMLGKKmGkIpoNjd4RhkXlflmJ1cmPEefeNvTq-NNjWcBDbiJ6OBQAi-n3qipvgLI98F6BC87635Suc1UFX2fBeSRYpjasHb_HDUwi-hJRcFPRkDl5jCvJhWVqZnyEFpDyh2qQ/s1600/facebook.gif


3
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXVDcE7dx-fDQf_C6Z10KoZ37dCnveTORNhJ5BPR60EvM3YoJQc3m2J2nEZJ7TeJ6gAzyLQreK4T597DYwXAPNl54Qp1V9k5O0NYZ3qYCYLzCwwsbpWNEsB5Q11YFI1fw8ii2OS88bd3U/s1600/anonymous3.png


4
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRtV51MSnXTt7uuNYRxIKdDtl8Yp1T6dbkyToxbDV703Q8mRNJ1yN00v9G7v1lFTyeOUEaA3ifjUQcvCVg3H3llJ-9c05uQIbehq-I-doF7rVNV_XzrXR6lgGFv_i7dpDeqpjhmgWKesOV/s1600/blogger-user.png

0 comments