In this tutorial we will learn how to change or customize the avatar anonymous commentators, This enables us to add an image in blog comments instead the name of unknown without a picture.
How to Change Default Avatar in Blogger Comments
For Blogger users: Replace the URL in blue with your own.
1- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbI6GyuCz7XaxsiV5EmgEVpbLS2foip0nOsl0TUqZcWu8JNUXgL1xpI84P9eer6gqduYSEXk7UXZ95pXnPnzIuLM1N85LeyNLxroY4aBLmM-UtqiCa4vP0xuDGq3_8KnZjP0sXqV25TqE/s256/blogger-icon.png
5- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiowneYDdWGCcSDxDlNvnKt7sySff5X0Sipl1cEnndxtZdDS1Np6NuEHvkkL0IxKWJY53cutptA2h9-X8MBgxLcQkxQd0EXYID2iBbNEHWWAF0Hgdu7IJuyMBZ-OJIH8LrDSRA0Yp960P0/s138/facebook.gif
I hope you enjoy and happy blogging. ;)
How to Change Default Avatar in Blogger Comments
1. Go to Blogger Dashboard > Template
2. Download a copy of your template
3. Now click on Edit HTML
2. Download a copy of your template
3. Now click on Edit HTML
4. Use Ctrl + F to find </body> and paste the following code above/before 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/AVvXsEhHiwJ3XQEXKR7VkcbeZ8fYlX_D1I00okkczR2KF_hM1GPMheVvZ9GJITs7tvEMKF0Kc3d-By745EVieO8IrKJEVCzjsojNMru_Ku-q_mCO7BPNtMg-Id7VYVGC7z0SBDmy2yu8mr691CY/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/AVvXsEh5vDZubWA6Vdbe0LdWz7qd53nzB16BVTaRl36-HYXLd5D_Wk-yYBq7xa5KNP8LVsiF4ow3gMVKOPrn2nt6X3kvsKAVuWB_u_BPfopDetLm6H0HCcxXIyXC3snOxZ4OPI9Q_S2mmGkXlwg/s1600/blogger-user.png')
.ssyby('blank')
</script>
5. Save template.
Note:
For Anonymous users: Replace the code in green 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):
1- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbI6GyuCz7XaxsiV5EmgEVpbLS2foip0nOsl0TUqZcWu8JNUXgL1xpI84P9eer6gqduYSEXk7UXZ95pXnPnzIuLM1N85LeyNLxroY4aBLmM-UtqiCa4vP0xuDGq3_8KnZjP0sXqV25TqE/s256/blogger-icon.png
5- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiowneYDdWGCcSDxDlNvnKt7sySff5X0Sipl1cEnndxtZdDS1Np6NuEHvkkL0IxKWJY53cutptA2h9-X8MBgxLcQkxQd0EXYID2iBbNEHWWAF0Hgdu7IJuyMBZ-OJIH8LrDSRA0Yp960P0/s138/facebook.gif
I hope you enjoy and happy blogging. ;)
2 comments
a bro nice information share with us
Replymoviesmon
moviesmon
can you provide the code for this comment system in your theme ?
Reply