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.
> Go to Template > Edit HTML.
> Now search for the code ]]></b:skin> and just above this code, paste the following code:
> Now go to post editor and edit the post in html mode.
> Now at the end of the post, paste the following code:
> Now publish the post and you will see the author box in that article as shown below:
Keep visiting for more tips and tricks. Please share this post with your friends and subscribe to our mailing list.
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-->> Now save your template.
.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 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">> 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.
<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>
> Now publish the post and you will see the author box in that article as shown below:
Keep visiting for more tips and tricks. Please share this post with your friends and subscribe to our mailing list.
0 blogger:
Post a Comment