How to Change Default Avatar in Blogger Comments

In this tutorial we will learn how to change or customize the avatar anonymous commentators, This enables us to add an image in blog comments instead the name of unknown without a picture.

How to Change Default Avatar in Blogger Comments

1. Go to Blogger Dashboard > Template
2. Download a copy of your template
3. Now click on Edit HTML

4. Use Ctrl + F to find </body> and paste the following code above/before it.

 <script src='http://code.jquery.com/jquery-latest.js'/>

<script>

$(&quot;img[src=&#39;http://img1.blogblog.com/img/anon36.png&#39;]&quot;)

.attr(&#39;src&#39;, &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmt2xBO3MkumIjakVqgxzUnzOFlVNY-w8POepOCMO2J49-I4SFQHE6PNfBhOTUi63mSD1VUrWME-dSWAhXY4xBUAFUn0M73-ZKO9DIO5jdMXQ2WxGGr1oo4OPU3uTivHVezLhiM-Avsy8/s1600/default_avatar.gif&#39;)

.ssyby(&#39;blank&#39;)

</script>

<script src='http://code.jquery.com/jquery-latest.js'/>

<script>

$(&quot;img[src=&#39;http://img2.blogblog.com/img/b36-rounded.png&#39;]&quot;)

.attr(&#39;src&#39;, &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCwy74ieiXFU5QRWWpnd1GkTREDrTadSUUHBtiAvuH4oTvfZivSrMZbQL3WGxOB1oH5jzYrn7jwxkzIRcBqVbXoJP3R9HEB_Tko8gvCp1W8Zy4lXZPWJCTKhUOx6mbSTQpONxRKE9gkLw/s1600/blogger-user.png&#39;)

.ssyby(&#39;blank&#39;)

</script>

5. Save template.

Note:

For Anonymous users: Replace the code in green 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):

1- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlVxZ3L17rUh8s68zcUTT6twgg1VhyU0vtmTzaGjusoDgS2fTIzSzNg40i47UJ9fuyg8hUdj5eSH6psq9VQRDRM4CfuCYDW6p7REREIhyNfhuGiJ-rUO8PYXosfy8W2OCAdOK0TNBHItQ/s256/blogger-icon.png

2- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQHOWea46JOk4QM8C8ZTa0QfkKvdVGKn9TEtBsbx6s1QHD5CLFYfYsjrjzAFpEmHpz0ySkmzeeoiAsK_B6ksLCk1vwDKBBUoS8cm94xOYcEUhjNfaJhxr01RSSY2dxUz49O6quBuxAMU/s268/anonymous3.png

3- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_XfMO7DkGmjY1u5vyLmHUH8Z6VNJheZB83_Wnk2_jLqjwx1VUIpgU6y-ZMVbisk_TlqlW9qztQDjcQunWS68ayEjXKPckksqtghCCOXQUiSpXwH8omxbUtVoedoGTSDrWH5D0zvzqUkY/s265/blogger-user.png

4- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGY5S-J13TZjzLlu3dAzLpjFThxNPW6U16iH4vq_wM3FOKy7-Uy-Tt0wrcFsMTvwuqpe6sIe2FYqNUcNXV1t2wN_OZx_y6Mmixv7Vj5Z35_6YgTi-lnFcRSVPJ8Dhf_Da4S97L1Wgh4Y8/s200/default_avatar.png

5- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7OizvP6Vr38OxA8WEmByUJtURWG5J-Po42CJ5cft8zUWR5NJGhtHKnJd4SY1K8gbVwVjHKQo2HCgtxAZbIqCH5rVlFzmWIsvvltidtqw5zgHNMhyphenhyphensIgzyHVHLjaUwHMlwB7hhfV4cbnE/s138/facebook.gif

I hope you enjoy and happy blogging. ;)

Anda baru saja membaca artikel yang berkategori Blogger Tutorials / How to / java script / XML XHTML dengan judul How to Change Default Avatar in Blogger Comments . Anda bisa bookmark halaman ini dengan URL http://bblogger-tutorials.blogspot.com/2013/06/how-to-change-default-avatar-in-blogger.html. Terima kasih!

Ditulis oleh: maz - Friday, June 28, 2013