Seeing the above screenshot?Yes I guess you already got what topic of today's tutorial.It about to change the blogger default anonymous avatar on blogger comments as well as those blogger users who doesn't have a profile picture.Want to do this?Then here we go.
How to Do This?
- Log onto Dashboard - Template - Edit HTML - Proceed - Expand Widget Template
- Search for </body>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi00mJnIIozGVtE_c1gUwJzuhYIQHOtGNw4JKGPG5xRVBZbx18EeAfTRNfC3FeZJnyb_J-HH08nzazazdb_WFO1RPXAuIaSaM-pZW_e_8LttAe48N50ugkZfW57hQKyMY9gTq2Po_ru4fw/s1600/default_avatar.gif')
.ssyby('blank')
</script>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img2.blogblog.com/img/b36-rounded.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrasg3fZfNY2KJPJzYKV5s3H5L1M0jbozd4zEUNzYReLMdivhHXUcleEdSeKobjmL1FTYbqIxrUE6KbaaWLMhuw4mLwSkXtWaAN5Mi99wgADTB3CmsncrUnywueukgMcsLNKEpsXzK_04/s1600/blogger-user.png')
.ssyby('blank')
</script>
- Now save the template and you're done
Customization
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.
For Blogger users: Replace the URL in blue with your own.
That's it.You're done.Enjoy!!!!
Post a Comment