URL http://img1.blogblog.com/img/anon36.png
and the one 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 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/AVvXsEhGmeXMmTqk9haUaIc4G1ZPvTOrMJf2b4PfKIikf_a9TG0y4p2VfxikK8cc4m7MNcIP6OOW-DX3VyXIgkjEVV7JlwLty0z-T2Oud07SVylx50UJUSbkZYBDp-3NO3-b-epoel0y_pfDSlE/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/AVvXsEi37ZQfTvjzol5jgXavM5vbddPLWcciYeGqnBVowZs0cGDkvg60K2OCklXA5iK9conhO2KIAXiB3aPXVEB-Wqd-Q2J4m5bfM4L5-pLVwnQEOPCRVmop99rTKgfe2oiv19RClJpliByyIdM/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/AVvXsEhGmeXMmTqk9haUaIc4G1ZPvTOrMJf2b4PfKIikf_a9TG0y4p2VfxikK8cc4m7MNcIP6OOW-DX3VyXIgkjEVV7JlwLty0z-T2Oud07SVylx50UJUSbkZYBDp-3NO3-b-epoel0y_pfDSlE/s200/default_avatar.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaJBNI9h_ywlaH9tiMnA1lUCXEHnuHyXRcYjN1MStkF8i3517I3qKppifvp4oqBBizDlZpzBrp4_V9z1wuw6imF5ZMiCb4-nu11Ctt4Q2ojyL8imDlLLEtcLxym5axkfKesWJVSwekGAA/s1600/facebook.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4zn6JEWanGl_IU0PtKQC3yBoo2GKAkl0pidVzAdgPDdm_L6xBYriHdwhLECCitpCpAgzK89-9ourVeGK8DvvQ3wzeErzyIyULGT-55UeYOZcDlvoWNHx9IVjDh2SbfNXKcDmO_RvrhV4/s1600/anonymous3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYF7Gxkd-Btjanpyd7q6mUzx5KXQsbSF-RwejW1R3rFlKg7a9nb5QlXMZOQg7dxHBFWIHdgLb2q_vjmw2SMqoSB4jfLarH4XQFE3m7YtwXey8GovLEYm2C_n2q9mguChdgKsbeFuc6As6o/s1600/blogger-user.png
That's it!
If you liked this post, please consider sharing it.
Tidak ada komentar:
Posting Komentar