13 November 2014

How to Add Professional Author Box in Blogger Blog

How to Add Professional Author Box in Blogger Blog,Author box widget for blogger


Today in this Tutorial i will Tell you How to Add Author Box in Blogger Blog and there are many Benefits of Author Box like with Author box you can give Credit to your Blog Writers it will increase your Writers and Also This will Increase your Social Media Followers  by Adding Social media links Like Facebook and Google Plus


Also SeeHow to Add Multi Tabbed Widget in Blogger Blog
Also SeeHow to Lock Your Content with Social Content Locker in Blogger Blog

How to Add Professional Author Box in Blogger Blog


Step (1) Go to Blogger.com then go to Your Blog Dashboard

Step (2) then Go to Template and then click on Edit Html


Step (3) Then Press Ctrl+f and Find This ]]></b:skin> Tag and Then Paste the Below Html Code Before This Tag ]]></b:skin> 

.tbs-author-box {background: #F7F7F7;margin: 20px 0 40px 0;padding: 10px;border: 1px solid #E6E6E6;overflow: auto;}.tbs-author-box p {margin: 0;padding: 0;}.tbs-author-box img {background: #FFFFFF;float: left;margin: 0 10px 0 0;padding: 4px;border: 1px solid #E6E6E6;}


Step (4) Then Again Press Ctrl+f and Then Search this Tag <data:post.body/>  and Then Paste Below Code Just Below this Tag <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.author == &quot;Type Your Name Here&quot;'>
<div class='tbs-author-box'>
<p>
<img alt='' class='avatar avatar-60 photo' height='100' src='Paste your Image URL Here' width='110'/><b>About Author</b><br/>
Type your  Bio Here<br/></p></div></b:if>
</b:if>

  • Replace Blue Text with your Name
  • Replace Red Text with your Image URL
  • Replace Orange Text with your Bio 


Step (5) then Click on Save.

Congrats you are done and if you have any question/Confusion you can ask me in Comments i will Happy to Answer your Question and if you like this Post like us on Facebook and Follow us on Google Plus



0 comments:

Post a Comment

Give your Thoughts about this Post in Comments.

Top Ad 728x90