In this simple tutorial, I will show you how to change or customize
default avatar of anonymous commenters or Blogger users with no picture
added on their profiles. After Blogger announced new feature of threaded
comment, we can still customize it by adding a jQuery plugin to our
template and replacing the default anonymous avatar.
Step 1.
Go to Dashboard - Template - click on the Edit HTML button and then Proceed
...then select Expand Widget Template (don't forget to make a backup)
Step 2. Find (CTRL + F) this code in your template:
Step 3. Add the following code just above it:
Step 4. Save the Template
How to change avatar:
For Anonymous users: Replace the code in red 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):
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3RPfvvrVyPiSBABhn8otk-Uy6kDxUH-t08edmMO5mqBOrkKKTkyG8o5PQoxfGrDw4kRWExj35P3Szx9j8fD8LxXIyTiXU4AGu7DSTBXn7R-2BLbV_LR9zHirJXcICONlE1Met_0s4PPY/s1600/anon6.png
http://onenaijablog.com/wp-content/uploads/2013/02/blogger-avater.jpg?2e03a4
Step 1.
Go to Dashboard - Template - click on the Edit HTML button and then Proceed
...then select Expand Widget Template (don't forget to make a backup)
Step 2. Find (CTRL + F) this code in your template:
</body>
Step 3. Add the following code just above 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/AVvXsEjewz3gSQ4-kwac1gsnhZFk-NPt0mwzl6NnLky2mn-IQnGprYonuSbKUu3EXZEb6FcVKenMFkaGT1vfV7WCfmd5wMYkIXoI2cCGXYZp2qavJMs1kAN7E9DQUqCYTyr4Eh3ygm-sodhW-fU/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/AVvXsEhE1EUA9h6PImFB9ptfZkJjqDc0xRDTci_2uK08h2uH1l7mDNwZexbG7DXNwiBcYXUDXC5MT17GqjJ8gHAPGmfCS3veFS3T7uw-YLY6VqqSZkA3EHSd45DAbJ7rgq_d4DTof1XuWL7213A/s1600/blogger-user.png')
.ssyby('blank')
</script>
Step 4. Save the Template
How to change avatar:
For Anonymous users: Replace the code in red 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):
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjewz3gSQ4-kwac1gsnhZFk-NPt0mwzl6NnLky2mn-IQnGprYonuSbKUu3EXZEb6FcVKenMFkaGT1vfV7WCfmd5wMYkIXoI2cCGXYZp2qavJMs1kAN7E9DQUqCYTyr4Eh3ygm-sodhW-fU/s200/default_avatar.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW7BJ__Jn2sXMLvmRIXOaEtI9-2TMiRejjTFiAfQZmjBuhOsBHUQOQ3YmyeXfg6Of7pJdlpRjirqEbbHriqxDkmGpLKbGDyfgBPMxmLnJqYS64RgCj3N1DIjFIV0B_r4xhKqSdU0nd-88/s1600/facebook.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK9Fl9yjdPEQlxHs1xIgUgZ83c970y6hSAxPHIr8J02bXBx0TYCFZLf_mxbaypsHoKpMML5O_oM9bc9uheIrf82VAVKVHBwL-jCGC_cHnJ1Eiggcp0msMua6dMEQfltaf4biWiVxmG970/s1600/anonymous3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ1d-Bun1kvI0zEjo1ASnIeog5-vca4pFlIrEigr8YdZxkuBzfsdEUckqsstdRffrbW5_IBXbGTnrEczuq-SKrhyK0LfFCwD6p-6tFh-LQrRo_ZpZLqEMLg5ReyiOfDcTR8U7WIpuk7BO8/s1600/blogger-user.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisQDA_e2jkNX6e6JUmUK7OQVRmlsuyw6eui83_FrZATsTKn7Sw8K6dzz-jbB2zgwgI-vCViranEGDR3jCiddF64lQHt-uDBlUdYA3Lr9xmENx4v0OpTgSC__NUSLd8wWknUXc29Z8MOkpg/s1600/btrix1.png
http://www.voice-online.co.uk/sites/default/files/pictures/dummy_avatar.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYXONh-JnMrmmgFS5h8MkFcQ9O5yv9Rs02Ea4KSwzMiNwtPn-05D7z1bymu9fu0RvfH52nvO3hPOmRDQoCZiKw8ZihgbeySW1axrmnIFLs4xW-USSUM6K8v0jpprTq8NX3DyXfWDTlBlOG/s1600/utpak-avater.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBUV_We58YNhyODCrmpkhTgOdhp24IhgMKZagLjJ_YffUyQs5Wo2Wji0_66RwBKfnDBhP2-nQ__A7JsPiUba0WfXDog1QB7RfC8Shu41vXokDGFAsNxTPkNVKD_udjvIFRgHcFmfBHHYg/s1600/blogger2.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3RPfvvrVyPiSBABhn8otk-Uy6kDxUH-t08edmMO5mqBOrkKKTkyG8o5PQoxfGrDw4kRWExj35P3Szx9j8fD8LxXIyTiXU4AGu7DSTBXn7R-2BLbV_LR9zHirJXcICONlE1Met_0s4PPY/s1600/anon6.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQPdrz_IQGkG5zDD8PFFuvyFBj3tuFVKU_mSx_9jqgGc-NVMsHRlOydmjncK0aG8us3J_04x7S0i9FhopJsI-rEjQkuueM43R4znVEAgw_hhj29jFOg8t0MjhjAFWFLLDECvAYslBBMl4/s1600/anon7.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY1bgtM8GTwarFCqJRCbCJCS_y6eUdgVJYlFL3QnJbP4FHPhbP4eBmy2Wj-eokNx5DQg_7MBJShLldvKWiQDsJZMu3D8wkThZZ0mHyR1tOmvtf95dMbY7qF17vjb8Bx4hb2qq2nR1J45yI/s1600/btrix2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRtOvBhwO-CiALaQmRoqEv9WnfyoT0j1-rTmpOSrIh664tVe-fs-O29HCN7pMWtng4jEHsrk71yM3DxuR9Xz6SkmokBGItCwZiUUW4UeP4OmIGbfB6tsXqePx8cs5MC6OdZSWtwMqDM0Gk/s1600/btrix3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfnwZ0O-XN1Lda-_M9OuAFny1WjvuF2mXZST7vW7NC56RSuEvuzVDGtF5rKbWMe3M3HW9dY8ZBH2iXKCFieV9UXUGMUApiJP80Nj2ADTYyFFqMx89uNEgOVM237vb7_WTsoR73XXfU_Rc/s1600/avatar.png
http://onenaijablog.com/wp-content/uploads/2013/02/blogger-avater.jpg?2e03a4
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij0KvonzsCxnY06gfF3ELzvt-5NmAEBa7MZ64XMGkoTMEzm-N5_-8yj4IvUXc9Sl8-gMPNzNKz_4sJwkxWNdo1XzoJCNAK_rVMzMnSQ5z7mUsl9LKiKwuM4Y3lAWrnC9JvpxDCqZLRh91P/h120/anon.jpg
0 comments:
Post a Comment
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. To add HTML CODE in comments then please use our Instant HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.
4.Click Subscribe by Email to receive Replies