• Admin
  • Receive an Update

    You are Here in » » How to Change Default Anonymous Avatar in Blogger Comments





    How to Change Default Anonymous Avatar in Blogger Comments




    Earlier, you've seen how you can change the size of the avatars in blogger comments and now I will show you how to change or customize the default avatar of anonymous commenters or Blogger users with no picture on their profiles. While Blogger announced the new threaded commenting system, we can still customize it by adding a jQuery plugin to our template and then replace the default anonymous avatar that can be found on this address: http://img1.blogblog.com/img/anon36.png and the one for blogger users: http://img2.blogblog.com/img/b36-rounded.png ...with our own.

    anonymous, default avatar, blogger blogspot

    Replace the Default Anonymous Avatar on Blogger Comments


    Step 1. Go to Dashboard - Template - click on the Edit HTML button


    ...click anywhere inside the code area and open the template search box by pressing the CTRL + F keys

    Step 2. Type or paste this code in the search box, then hit Enter to find it:
    </body>
    Step 3. Just above the </body> tag, add the following code:
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <script>
    $(&quot;img[src=&#39;http://img1.blogblog.com/img/anon36.png&#39;]&quot;)
    .attr(&#39;src&#39;, &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoJxhp4SeRHdPFibwaFDj48diugSYjtXhooFZtIcyJK9KUWlvzHSOeOpD9DXMU3bFfASJE1S2JtbR1mp0JpDEdyULQ5CMuQsoWQ-SGLlx34i_P4cLonf1qYkoz0o7RExKuudsKQYWobV4/s1600/default_avatar.gif&#39;)
    .ssyby(&#39;blank&#39;)
    </script>
    <script src='http://code.jquery.com/jquery-latest.js'/>
    <script>
    $(&quot;img[src=&#39;http://img2.blogblog.com/img/b36-rounded.png&#39;]&quot;)
    .attr(&#39;src&#39;, &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Mtat21VhqFncG1nwjc0k52QJYdRpYdkQj4q-w4UM9jlXHTXW3u4nknocje3zCbP1tFjB_e_iF1XFci-qNtWP2vG90fv9FgwgZ_4o3rE_GFK89OtbFWGHD4B7a2zlHzYQzA_-cvFXCAE/s1600/blogger-user.png&#39;)
    .ssyby(&#39;blank&#39;)
    </script>
    Step 4. Save the changes by clicking on the Save Template button

    Changing the default avatar

    For Anonymous users: Replace the code in red with your image address
    For Blogger users: Replace the URL in blue with your own.

    You can choose an avatar from here and then copy the url of it:


    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoJxhp4SeRHdPFibwaFDj48diugSYjtXhooFZtIcyJK9KUWlvzHSOeOpD9DXMU3bFfASJE1S2JtbR1mp0JpDEdyULQ5CMuQsoWQ-SGLlx34i_P4cLonf1qYkoz0o7RExKuudsKQYWobV4/s200/default_avatar.gif


    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr8RsYWHnbwyF-lLWeWMYSHkM7cTqXVCoAOpwLs-bOdfcZnIRbYPmdk01OJGNEAjZUTfQTBXjVyjiPXmRxqxCImJlISxb8J9yPavdVjujjSou4mQYBB6D6__QB6G52T2yTBSC1iBNbN1s/s1600/facebook.gif


    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYJKcAOzrx-X189D4AgBcih2zqr6t_M23zAwmv4cA96onMiWDDkGlh1cueQgh3Qc60bYv5shdVKkxYHddWUYhZLDarHezRcSrESD8CHI5hGnSilma4EJ1FEPl2RCv_N8pODG4JOiSGX6Q/s1600/anonymous3.png



    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM4HBZhMi-jAOTuURWCTfRNFBbVNJXQLLLjw-xy_BOA6Ez-C31RY7iZReMyiSGUaohetwZQ-XwSZjefCEtf2lerJrvC-5WRfMHwAT5eqUsO_cCQnkZn3OWejM4oTdTTvpUrGiqymseCAdf/s1600/blogger-user.png

    That's it! If you found this trick useful, please consider sharing it.

    More Articles


    Make use of Smilleys Codes

    Quick Help!

    Having issues? Need quick fix? simply email me or call me

    Learn more

    Write For Us

    Submit a guest post and see it get published real quick

    Learn more

    Advertise Here

    Place relevant banners, links, and sponsored posts at affordable rate.

    Learn more

    Get notified on FB