Step 1.
If you are using the old Blogger interface:
- Go to Dashboard - Design - Edit HTML - Expand Widget Template (make a backup)
- Go to Dashboard - Template - Edit HTML - Proceed - Expand Widget Template (make a backup)
Step 2. Find (CTRL + F) this code in your template:
</body>
Step 3. Add the following code just above it:
<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/AVvXsEgvtBBRNqXiyDWpkMhoiOJFy_1U-tjKE4olCwoYtYIMo-gNGdk0jGWeJeOnu7cbfxGGBxfMqS_1QiVT5owFqJjb75SeLb2Sn6WFwPWIhrY1eXRtlW-JA8iEV8Fc36Jx6Wlq3X6Pg05HIV0/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/AVvXsEi1UuZ-ICw_usD595bFogfxTEUcQYtb8NzZRRsFnulC5eYRI4op5zCgy9MQ2zYU3pifNuWZe6NPdMWx_KYbp_qDKJVOQ1alkByWdg8cDwsmjGIrZyr4Im439-LAZ6qyFGIC7M_AcSmYh4Q/s1600/blogger-user.png')
.ssyby('blank')
</script>
Step 4. Save the Template
How to change avatar:
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.
You can choose one from these below (copy the url address):
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvtBBRNqXiyDWpkMhoiOJFy_1U-tjKE4olCwoYtYIMo-gNGdk0jGWeJeOnu7cbfxGGBxfMqS_1QiVT5owFqJjb75SeLb2Sn6WFwPWIhrY1eXRtlW-JA8iEV8Fc36Jx6Wlq3X6Pg05HIV0/s200/default_avatar.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBpg5Dvp5aWCsza7INuagqXVR1J7rPdQwSGrSkhHy3Xjw4CdsFkLKT_ykQ2FiEb0HSJfpl5Rmc-f9CkEzOt2QlqNG5qP5wGZiU8AoEp2A36X5xWvIsJCMWRRpc0fUBUTvE1MojpC9skOY/s1600/facebook.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimMpduyWLBOkGlj0u14DIwYHEfL0G3WRStKj7KykNC6_gOFv-oPmqqRgo_undEsUiVBjlluqq3fr_Q-bYTbW_KrxoP0cpSYKzbkN18-45PU0isKghyR4-WCsU3aRGco6xd98oA4fHPC9E/s1600/anonymous3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggtxC1JoZJJfNYo2K8u0VkzLrIX4o0O9Fo6mcj3H_kqRp4fLmKpUhgZpvI4JGOfuUdcPOLqNZDjm32eKKxtX-IbE_wZLM7pVgohqnuLtI7EYMzMZBZgL9wJx8ppxE1JXdVuoE7edvU3jx2/s1600/blogger-user.png
If you liked this post, please consider sharing it. Thanks!
No comments:
Post a Comment