Adding an "author bio" box below every posts is something essential if your blog is a multiple author blog or if you allow guest posts on your blog. Where as in single author blogs author bio is a matter of style. Anyway, adding an author bio below your blog posts will definitely make your blog look more professional as well as it will surely help you establish your authority. But blogger is not giving us an author bio widget by default. No need get upset... We can easily add an author bio widget to our blogger blog by simply adding some codes in to our template.
How To Add Author Bio Widget Below Every Blog Posts
Step 1: Go to your blogger dashboard > Template > Edit HTML:
Step 2: Using CTRL+F search for ]]></b:skin>
Step 3: Just above it paste the following code:
.tyb-ab img {
margin:0;
border:0;
}
.tyb-ab-about {
font-size:12px;
margin:0 auto;
padding:3px;
width:580px;
background:#edf6ff;
border:#9ecfff dotted 1px;
min-height:130px;
}
.tyb-ab {
padding-top:10px;
margin:0;
font-size:12px;
float:left;
width:17%;
text-align:center;
border-right:#93C0F9 solid 1px;
}
.tyb-ab-text {
float:right;
width: 80%;
padding:5px;
text-align:left;
font:12px arial,sans-serif;
text-align:justify;
margin:0;
padding:0;
}
Step 4: Now click the orange 'Save template' button
Step 5: Now once again move on to your blogger dashboard > Settings > Post and comments:
Step 6: Under the posts menu click the "Add" button corresponding to "Post Template":
Step 7: Paste the below code on to the text box and click the orange "Save Settings" Button.
Post contents...
<div class="tyb-ab-about">
<div class="tyb-ab"><img src="AUTHOR-IMAGE-LINK" width="80" height="70" /> AUTHOR-NAME </div>
<div class="tyb-ab-text">
<p><strong>About the Guest Author:</strong>
<br />DESCRIPTION-ABOUT-AUTHOR </p>
</div>
</div>
Note:
1. Replace AUTHOR-IMAGE-LINK with the link of the image of the author.
2. Replace AUTHOR-NAME with your name.
3. Replace DESCRIPTION-ABOUT-AUTHOR with something about you.
After you add this, some additional texts will start appearing on the compose, whenever you want to publish a guest post you can edit the texts from there to that of the guest authors info.
That's it! Now you have a author bio on your blog! Feel free to share your views through the comment box below!
2. Replace AUTHOR-NAME with your name.
3. Replace DESCRIPTION-ABOUT-AUTHOR with something about you.
After you add this, some additional texts will start appearing on the compose, whenever you want to publish a guest post you can edit the texts from there to that of the guest authors info.
That's it! Now you have a author bio on your blog! Feel free to share your views through the comment box below!
hmmm goood
ReplyDeletehttp://mehrvicallinggeek.blogspot.com/