How To Modify Default Anonymous Avatar Inwards Blogger Comments
Earlier, you've seen how you lot tin alter the size of the avatars inward blogger comments and now I volition demonstrate 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 notwithstanding customize it yesteryear adding a jQuery plugin to our template as well as and thence supervene upon the default anonymous avatar that tin live on works life on this address: http://img1.blogblog.com/img/anon36.png and the ane 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 as well as opened upwards the template search box yesteryear pressing the CTRL + F keys
Step 2. Type or glue this code inward the search box, as well as thence hitting Enter to uncovering it:
For Blogger users: Replace the URL inward blueish amongst your own.
You tin pick out an avatar from hither as well as and thence re-create the url of it:
That's it! If you lot works life this play a joke on 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 as well as opened upwards the template search box yesteryear pressing the CTRL + F keys
Step 2. Type or glue this code inward the search box, as well as thence hitting 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 yesteryear 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/AVvXsEiIaBdNzZFmeFd5iEJambwP6a5lec-zwnbyWR0KgiU6k3sP_PlTngzBEoqr9XDivGj1A5bcQsmzNVbf5L3Qop7g0Mje1MaWlktqxKS5FSN0MNdnAP3yyuA_1jKZVJDAS3XxdC-4DxKTN0E/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/AVvXsEjmLU0nyagH_erEJPCRkpIN7U5YLoEfqcD8Vxi6QHgRT9-x1hcw_lZmtzwo1gXHCd6DowFdeMxSy6U1pckze-UTt9EupvXKn5zgGIH1MyxCGw28JOo6dGZvXmga2qs_hyqHttB98T-kwEA/s1600/blogger-user.png')
.ssyby('blank')
</script>
Changing the default avatar
For Anonymous users: Replace the code inward reddish amongst your picture addressFor Blogger users: Replace the URL inward blueish amongst your own.
You tin pick out an avatar from hither as well as and thence re-create the url of it:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIaBdNzZFmeFd5iEJambwP6a5lec-zwnbyWR0KgiU6k3sP_PlTngzBEoqr9XDivGj1A5bcQsmzNVbf5L3Qop7g0Mje1MaWlktqxKS5FSN0MNdnAP3yyuA_1jKZVJDAS3XxdC-4DxKTN0E/s200/default_avatar.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqH1jsU68iZznL0SOJBlUINoQuApTwMzfPzJ_-em0szzfTm3HB-rgNH0yXfjkH6hxasbSB3D7Nj4PvQIOkWo6EJavwHR-pryjvF7Xfgmi9e7oRTUx6nCTYb-p_9bE991AG9DXmNj0XUZo/s1600/facebook.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxtt2AfTbF8YVeWBY3_5fctHyhHVxDCMQxzLV9mx5pB0El0fAwsN5z3mVKl4QMI1GPbvLh9ReWT3kUTI-PsDortLubuLWCslwUflFu7pzb0k2vFbkfxfTiy9kuSLilGWd2F3EDPueoLbY/s1600/anonymous3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrkSoAjwuXkH82yG2huZEgD7N1XgmmdN662Ts7sjyxJ6EGt59CORmVVZgs1Ni34UgwckNP6vCBISN-2qEOiIojJYs_yB6RmIV6o0j4jkktfYjCcrG-0f0sVOXahlTuNhX1egE0lPx6gZZb/s1600/blogger-user.png
That's it! If you lot works life this play a joke on useful, delight consider sharing it.
