Subscribe:

Tuesday, 25 March 2014

Add Custom Author Box For Guest Posts In Blogger

Guest blogging  is a nice way to promote your own blog and get backlinks from other sites. If you write articles for other blogs then your author rank increases and you get more readers for you. You might have seen that in some blogs, there is an author box embedded below blog posts which shows a short bio and image of the blogger. But if you want to show another author box for guest bloggers who are not the part of your team but have written guest posts for your blog, then I'm going to tell you an easy way to add author box for your geust writers.

Follow the steps below:

> Login to blogger.
> Go to Template > Edit HTML.
> Now search for the code ]]></b:skin> and just above this code, paste the following code:
<!-- Guest Post CSS By PC Tricks Guru-->
.pctricksguru-guest img {
margin:0;
border:0;
}
.pctricksguru-guest-about {
font-size:12px;
margin:0 auto;
padding:3px;
width:600px;
background:#edf6ff;
border:#9ecfff dotted 1px;
min-height:130px;
}
.pctricksguru-guest {
padding-top:10px;
margin:0;
font-size:12px;
float:left;
width:17%;
text-align:center;
border-right:#93C0F9 solid 1px;
}
.pctricksguru-guest-text {
float:right;
width: 80%;
padding:5px;
text-align:left;
font:12px arial,sans-serif;
text-align:justify;
margin:0;
padding:0;
}
> Now save your template.
> Now go to post editor and edit the post in html mode.
> Now at the end of the post, paste the following code:
<div class="pctricksguru-guest-about">
<div class="pctricksguru-guest"><img src="Add Guest Author Image URL Here" width="80" height="70" /> Guest Author </div>
<div class="pctricksguru-guest-text">
<p><strong>About the Guest Author:</strong>
<br />Add Author Bio Here
</div>
</div>
> Replace the text Add Guest Author Image URL Here with image url of the guest author and replace Add Author Bio Here with his intro.
> Now publish the post and you will see the author box in that article as shown below:
guest author box preview
Keep visiting for more tips and tricks. Please share this post with your friends and subscribe toour mailing list.

0 comments:

Post a Comment

Pc tricks
Powered by Conduit Mobile