Dont worry guys I m gonna share a beautiful hack with you which will allow you to add a fully customizable About The Author Box below your every post .
So the tutorial for How To Add About The Author Box Below Every PostGoes Here
]]></b:skin>
3.Now copy the below code and paste Just above the previously finded code
(above/Before ]]></b:skin>)
.author_info {
float: right;
width: 573px;
padding: 10px;
border: 1px solid #e0e0e0;
margin-bottom: 15px;
margin-top: 15px;
background: #eee;
}
.author_info h3 {
margin-bottom: 10px;
}
.author_photo {
float: left;
margin: 0 0 0 10px;
}
.author_photo img {
margin-right: 10px;
border: 1px solid #e0e0e0;
}
Tip: You can edit this code this is the box code,try to understand ,modify according your need.If unable to edit ,comment below your problem i’ll try to sort it out.
4. Preview it, error free , save Template.
To Put the box under Every Post follow step 5.
5. Now again goto Edit Html and check expand widget box
Search for the following code
<data:post.body/>
6. Paste the following code after <data:post.body/>
<b:if cond=’data:blog.pageType == "item"’><div class=”author_info”><div class=”author_photo”><img alt=”author” src=”The Image Link Goes Here” /></div><h3>About the Author</h3>This article is written by: Description about the author.</div><span style=”font-size:75%;”><a href=”http://step2problogging.blogspot.com/2011/07/how-to-add-about-author-box-below-every.html” target=”_blank”>Get This Box</a></span></div></b:if>
Replace the RED text with yours.
thats all….preview, and save it….. If you want to put the box on particular posts.
Paste the code given in step 6 in the EDdit HTML of your post editor section.
Having any problem in implementing tell me in your comments, I’ll try to sort out…. Dont forget to follow and like us
2 Comments