Note:
This tutorial will not take effect if you uncheck your blog post to have a "Posted By". See the screenshot shot below to know what I mean.
Adding Author's Profile Picture Below Post In Blogspot
Step 1. Go to Blogger Dashboard >> Template >> Edit HTML (Back-up your Template)
Step 2. Find the code below using the Control F. Please select the second occurrence of that code.
<div class='post-footer-line post-footer-line-1'>Step 3. After finding the code in step 2, please paste the code below just after it.
<b:if cond="data:post.author == "Cerwenlloyd Gefjun"">
<span class="author"><a href="https://plus.google.com/110772451841046895789/about"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYAS7NywmEOZ-z_8YX5eAZraE7H-b-_dXf837BD3KuczrnzHUP3EFTrXPYOMJpi0Fctw_oJA8XQTB-Gm87iVibwX2jVi91fvvy-JTR5F9b2ph4JpXJdI3mVFGeCxOk9SUBZbRvNnHeQnE/s1600/cerwen+profile+pic.png" style="border: 1px solid #d0d0d0; height: 28px; margin-top: -12px; margin-bottom: 0px; margin-right: -13px; padding: 2px; width: 28px;" /></a></span>
</b:if>
Customization:
- Replace the red bold text with your own profile name. It must be the EXACT name of your profile name as it appears in the Blogger profile.
- Replace the orange bold texts with your Google plus profile ID.
- Replace the pink bold texts with your image URL. Click here for help in getting your image link.
- And lastly adjust the css which is responsible of the appearance of picture.
border size and color- increase in number will make your border bigger also.
height- this your image size
margin- I set it with top 10px, bottom 0, and right 13px
padding- which set by 2px
width- this is the image width
Step 4. Save your Template and you're done.
If you have some questions regarding this post , try to drop some comments at the comment box below.
Thanks for the your valauble time with us!
About the Author:
Hello folks! This is GOLDEN WORKS TV, the admin of this blog. No words could described my grateful appreciations to all newbie and professional bloggers around the world and most especially to Almighty God who gave me the wisdom...Read More
No comments :
Post A Comment!
We love to hear your feedbacks and suggestions. We will try our best to reply to your queries as soon as time allows. Please keep in mind that all comments are moderated manually by our editors team to minimize spamming, and all the links are nofollow.
Note:
1. To add HTML code in the box, please use our HTML editor generator.
2. Please do not spam. Those type of comments will be deleted upon our review.
3. We should appreciate an individual and suggestive discussion.
Best Regards,
GOLDEN WORKS TV