Post by Professor Benson on Sept 24, 2016 1:06:16 GMT
Today We Will Learn That ” How To Add Author Box Below Every Blogger Posts“.In Author Box You Can Add information About The Author.You Can Also Link his/her Website in This Box.Author Box Help The Visitors to Navigate The Author Name and All Bio Data.So Adding Author Box to Blogger makes the Blog More Beautiful and attractive.Let’s Learn How To Add This Author Box Below Every Blogger Posts
Go To Blogger.com
Now Go To Blogger Dashboard.
Then Click On Template
After That Click On EDIT HTML.
Check The Box “Expand Widget Templates”
Now Search For This Code ]]></b:skin>
Now Copy The Below Script and Paste it After ]]></b:skin> tag.
<style type='text/css'> #Bttoolz Author Box
{ background: none repeat scroll 0 0 #EDEDED;
padding: 10px; margin-top:10px;} .authoravatar
{float:left;margin-right:10px;padding:4px;background
:#ccc;border:1px solid #222222;} .postauthor {float:left;} </style>
Now Search for <data:post.body/> by Pressing CTRL+F .
Now Copy The Below Scrip/Code and Paste it Just After <data:post.body/> Tag.
Note:- <data:post.body/> Tag is 2 Times in Magazine Blogger Templates and in Custom Templates it is One Time(So In magazine Paste The Below Code 2 Times After <data:post.body/> tag and in Cutom Templates Paste the Below Code Just One Time After <data:post.body/> Tag.
<div style='clear:both'/>
<div id='Bttoolz Author Box'>
<!-- Author Bio-->
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.author == "Author's Name Goes here"'>
<img class='authoravatar' height='39' src='IMAGE URL OF AUTHOR Goes here' width='39'/>
<div class='postauthor'>
<h3><a href='AUTHOR'URL Here'>Name Of Author Goes here </a></h3>
<p> About Your Self </p>
</div>
<div style='clear:both'/>
</b:if>
Note:- Replace “Author’s Name Goes here” , “Image URL Of Author Goes here” ,”About Your Self” and All Mentioned Tags with Your Content.And After That Copy the Script and Paste it after <data:post.body/> Tag.
After That Hit Save Template and You Are Done xD !
Happy Blogging,Peace and Love xD!
Still Confuse?? If You Got Any Problem , Drop Comments Below We Are Always here to help You xD !