How To Modify Default Anonymous Avatar Inwards Blogger Comments
Sunday, May 3, 2020
Edit
Earlier, you've seen how you lot tin alter the size of the avatars inward blogger comments and now I volition demo you lot how to alter or customize the default avatar of anonymous commenters or Blogger users amongst no flick on their profiles. While Blogger announced the novel threaded commenting system, nosotros tin withal customize it past times adding a jQuery plugin to our template in addition to hence supervene upon the default anonymous avatar that tin last establish on this address: http://img1.blogblog.com/img/anon36.png and the 1 for blogger users: http://img2.blogblog.com/img/b36-rounded.png ...with our own.
Step 1. Go to Dashboard - Template - click on the Edit HTML button
...click anywhere within the code surface area in addition to opened upwardly the template search box past times pressing the CTRL + F keys
Step 2. Type or glue this code inward the search box, hence striking Enter to uncovering it:
For Blogger users: Replace the URL inward bluish amongst your own.
You tin pick out an avatar from hither in addition to hence re-create the url of it:
That's it! If you lot establish this fob useful, delight consider sharing it.
Replace the Default Anonymous Avatar on Blogger Comments
Step 1. Go to Dashboard - Template - click on the Edit HTML button
...click anywhere within the code surface area in addition to opened upwardly the template search box past times pressing the CTRL + F keys
Step 2. Type or glue this code inward the search box, hence striking Enter to uncovering it:
</body>Step 3. Just inward a higher house the </body> tag, add together the next code:
<script src='http://code.jquery.com/jquery-latest.js'/>Step 4. Save the changes past times clicking on the Save Template button
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH_Ap1L_MvpaWzO5ad-0ZxfSEXIrJMEKVFVxV1rS6zunWFPRkL87YHlcpvyt7DwH6tYrK3_-jZJnbKrRzaYA9ObBQC0pxFBqrK_YTj-g2WQhdzWblUFASL_uTo9WdtRBLW4OCAGsRwn7o/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/AVvXsEiP7oGqO7ifb_G-Ktx6ufs0i1DKyTfOrm5Ujwm5DHws-wqQ89-8F47qft5FasD_1f-9UUe2Gfigxu4n3A1vUTl_fozlNEOuyFk3cN8DrnbnZBr5g8kaUKFSjLGhtPovjSnRVlKhd_QyHPc/s1600/blogger-user.png')
.ssyby('blank')
</script>
Changing the default avatar
For Anonymous users: Replace the code inward cherry-red amongst your picture addressFor Blogger users: Replace the URL inward bluish amongst your own.
You tin pick out an avatar from hither in addition to hence re-create the url of it:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH_Ap1L_MvpaWzO5ad-0ZxfSEXIrJMEKVFVxV1rS6zunWFPRkL87YHlcpvyt7DwH6tYrK3_-jZJnbKrRzaYA9ObBQC0pxFBqrK_YTj-g2WQhdzWblUFASL_uTo9WdtRBLW4OCAGsRwn7o/s200/default_avatar.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxOvOgqsqerph-qmHYn15HOjXnAieTkf-5JXlcUboXOyyhbLfFaL02eBRWJR2LHIhvGok4AA2RfAfexpNUGIyPtSbWUeAKak8CA_KE2SqGThVauGVC6eLlEBZinfXGkSeamGinpn-vbFA/s1600/facebook.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcplbOf8SFaNZqmLU5voAVPyuRawefCqVCaRld08XDE7debeCGTSdvBcHqh0SehyQrOnYLBm0tDSeG_UMkM7oS6zkiNfSZUVdz2gLL-8xq6WiFXVsF-VfYIM7Ns2wf6uiFX-xESHEsKqY/s1600/anonymous3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSH4C1J8Y8gsy_eW9MZze1ncUTfNKdNXODffSPNGSWccZqPPUSs2Fff5nQVIxU9eLvBEZci4bVbJvaWGlMt6bzxZkzjowFm0UlCiqflfr4lGs3WBBlCKoRINgpXNJfZ8CxiDe-GwStD1J/s1600/blogger-user.png
That's it! If you lot establish this fob useful, delight consider sharing it.