About Me

Tuesday, 24 April 2012

How to Change Default Blogger Anonymous Avatar Comments

Changing default Blogger anonymous avatar on threaded comments. After Blogger announced new feature of threaded comment, we still can costumize avatar for whose comment with 'anonymous' or 'Name/URL'. At first time Blogger using blank image http://img1.blogblog.com/img/blank.gif, so we can hack the template with background for avatar.

Now Blogger using avatar with URL http://img1.blogblog.com/img/anon36.png, and we can't hack this image with background. But we should use jQuery script to hack this. And Let's we go... :)


change default blogger anonymous avatar

To change default Blogger anonymous avatar, follow simple steps below:

1. Go to Template -> Edit HTML
2. Find </body>
3. Add this code just before </body>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'your-avatar-url-here')
.ssyby('blank')
</script>
4. Save

Replace the red text with your avatar URL. Or you can select below URLs to replace the link.

1. Blogger
avatar
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsJcBhBJd3sQDu5zdHDNyfTnIWcua4rgTwmbMkMQPZ8NPHlgXNc-1JeV37dHjSYgcUzLOAhiKnBnOwcqywBWvlgr9WvNVVaZs1CdYalet7ZyFGmnv1VmnhMjnwDGQMOQAoFuzfwsT69qw/s1600/blogger2.jpg

2. Anon6
avatar
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirfQgH53zUESRdDBKsmIk9xhdMj52qBHFYZg8Z7beUhI-ZVnIHFzxrRJWCfIsE98rrL72Xvd55bojk9LYClv5bdensxpHKJ5y-m3vfTeDInrgEIF7cHg0d8pVlkion_wjhKxIE8Bv2VsI/s1600/anon6.png

3. Anon7
avatar
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQxtkk2EEZFjguzd81b4l4yrN3XNmQrDxS9jK9-HNmG79NbrY0j5ryhkylDqoe8EBjSVJD8koqC6_FNAFy501_vOlBYs1JElGywvD25zwSpkiNtqhPxNeWB0bdXnG8McJ8oOcJMdwlb6w/s1600/

0 comments:

Post a Comment