Wednesday, 5 September 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/AVvXsEjT566huCgDHt7yan3xKxYF-Pu8woIzzliTX8PByxRDUtkI5gqFPSmmBpr8WhxGGci64AWxhrSVpjyFxenl7Mq1gyZtwiX2_X3lIsYISEjnAaQ4kprSlQETbx4jDRBYvdgXYwud0c6-okk/s1600/blogger2.jpg

2. Anon6
avatar
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiE_7gSUSS-pp-lZo5eycmexY4BkaDCGIFn6W9-usJgB5lhfD9qMiJ2A8fV0m9fDAAL7lJouCT9coyQAhVeK3VRUp7Mln7Ldsu4XCv5Tg2rycVa1pH2_InLtFx8-DGAhpbV5Mz8IK9PSs/s1600/anon6.png

3. Anon7
avatar
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE51coGiDfAgsOhiRYxFiaZVzyHJZYE4eYbYjwUFgw2KtlmWZNsOLyS9fTnDIx0u0yq_56Y7mD3v9fpRzMR3RDJw5uFBCiYtPNBRKeuhFhY5oL04bq6-QiktVrqMLfZ6FZ2PdhOEjaT6g/s1600/anon7.jpg

0 comments:

Sample Text

About

Pages

Powered by Blogger.

Ads 468x60px

Social Icons

About Me

Blog Archive

Featured Posts