0
Pasang


Here’s a nice little trick that some of you, especially Blogger neophytes, might want to try out on your blog site. It’s a simple hack from the guys over at helplogger that teaches you how to change Blogger’s default avatar pic for users with no photo or anonymous people in your comment section.


I won’t waste much of your time and just give you the set of instructions below. And remember, it is always good practice t back up your template first before making any changes to it.
On your dashboard, go to ‘Template’
Choose ‘Edit HTML’ and then ‘Proceed’
Click on the ‘Expand Widget Template’ box to check it
Now using ‘Ctrl+F’, look for </body> Then copy/paste the following code above it
<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;http://1.bp.blogspot.com/-Zphr2YJH_6w/T6ZZE4YeNBI/AAAAAAAACF0/Tyuj8hkOpdc/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;http://1.bp.blogspot.com/-eKbzORzVaBQ/T6ZXHmdgHqI/AAAAAAAACFs/rVy3T4gxojM/s1600/blogger-user.png&#39;)
.ssyby(&#39;blank&#39;)
</script>



a. To change the default avatar for Anonymous users, replace the red URL with that of your own image.

b. For the default avatar of Blogger users, replace the green one.

c. If you don’t have your own set of avatar images yet, you can use any of the following URLs of avatars below:


http://1.bp.blogspot.com/-Zphr2YJH_6w/T6ZZE4YeNBI/AAAAAAAACF0/Tyuj8hkOpdc/s200/default_avatar.gif

http://3.bp.blogspot.com/-p4JvM7rWNG4/T6ZcU5eKqTI/AAAAAAAACGM/K0DB35A5brE/s1600/facebook.gif

http://2.bp.blogspot.com/-5nGzg5T-9qA/T6ZbL9JF0iI/AAAAAAAACF8/TvTnURwsNb0/s1600/anonymous3.png


http://3.bp.blogspot.com/-oivPlkvBNBY/T6ZoNQhfAII/AAAAAAAACGY/3gem5DBmmQ8/s1600/blogger-user.png

6. Save your template and check your result


And that’s how it’s done!


Say goodbye to that generic blue silhouette icon and white-and-orange Blogger logo, after you’ve done this tutorial, you’ll be able to give more personality to your blog’s comment section by giving it its own unique look.

Posting Komentar Blogger Disqus

 
Top