How to display Guest Author Box automatically in Blogger

Guest Posting is very useful when you are busy in any outside work or you don’t have time to post on your blog, that time the guest bloggers are main author and admin of your blog. Google provides the best blogging experience when it is comes to easy and comfort of user. Hence blogger is user friendly. In wordpress there is a plugin of guest author box therefore we had to do nothing on wordpress.  But in blogger we had to set up a code of guest author box and then maintain it. Usually we or blog admin maintain author box by two methods, one is manually in which when a guest blogger writes a post then we had to maintain the author box regularly, and after some time of maintaining it start to become a ‘headache ‘ . So usually professional blogger takes the second method that is automatically displaying guest author box when a guest author posts a content on your blog.  So friends, In this tutorial I will discuss and tell you about how to display guest author box automatically. So lets begin this tutorial-

Must Read- How to Create a Guest Author Box In Blogger.

Automatic or Manual What Do You Like?

At first I am asking you a question that what would you like automatic or manual display of guest author box? Surely , you was thinking that automatic is a best way but…. But how to create it or how to make a function so that  it would display automatically author box in your blog. But don’t take tension I am here to solve your problem. Yes… I got a solution of this problem after researching and hardworking of continuously 3 days. Now I found a way so that the guest author box will display automatically when the guest blogger post anything on your blog.

Inviting or Adding Guest Author

How to add a guest author on your blog? Get sucked by this question, if yes then read this article in which I would tell you about how you can add or invite a guest author to write post for your blog. So, to add or invite a guest author go to Dashboard>Settings>Basics>Permissions, and there you got a box in which you had to type the email of guest author. After some time your invitation had been sent to guest author and when he accepts your invitation he will able to post articles in a separate dashboard and with full control on your blog. You can add 100 authors in a single blog which means that your blog will be authorize to full control by 100 people or team members.

Add a Guest Author Box Manually

To add guest author box manually you need just his/her Name, Picture, 2 line about him/her and this article that I had posted below.

How To Add A Guest Author Box Below Posts

Add a Guest Author Box Automatically

Just follow these steps below and add a author box on your blog in few minutes.                                         1. Go to Blogger>Dashboard>Templates.

2. In templates click on Edit HTML button and wait for some time.

3. Now search for ]]></b:skin> and paste the following code just above it.

/*Automatic Author Box by HT4U*/
.about-author {
width : 98%;
overflow : hidden;
margin:10px 0px;
border:0px;
}
.about-author img {
width:70px;
padding:3px;
border:1px solid #ddd;
margin:0px 5px 0px 0px;
}
.about-author h3{
font-family:verdana !important;
font-size:18px !important;
margin:9px 0px !important;
color:#666666 !important;
border-bottom:2px solid #666 !important;
border-top:0px !important;
}
.about-author p {
margin:0px;
text-align:justify;
color:#666;
}

Note-In This CSS Code you can edit color of about author. Just change #666666 to your desired color.

4. Now search for data:post.body and paste the following code below it.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.author == &quot;TYPE  HERE  AUTHOR  NAME&quot;'>
<div class='about-author'>
<h3>About Author:</h3>
<img align='left' src='IMAGE LINK OF PICTURE OF AUTHOR'/>
<p>WRITE HERE AUTHOR BIO </p>
<p>Follow him @ <a href='BLOG LINK' target='_blank'>BLOG NAME</a> | <a href='FACEBOOK LINK' rel='nofollow' target='_blank'>Facebook</a></p>
</div>
</b:if></b:if>

5. Now replace the Bolded parts of code with co-author name and links.

6. Finally Save the template.

Now visit your blog and see the posts by co-author of blog, you will see a box appear on bottom which displays the description about author. You can even create an author box for yourself by simply replacing the AUTHOR NAME, profile pic and bio to that of yours.

Need Help From Us?

As reading this article suggest that it is not harder to understand or apply this widget to your blog, but , in case if you think that it is harder or you have any problem with it then please tell us by commenting below or by filling our contact form. And if you like this article then please share it.

If you don’t want to get into a serious problem in editing a template then tell it to us (submit a request to us by commenting below) we will try to solve it for you absolutely free. This is a limited offer by hackintricks4u.blogspot.com to get their free services.

Share This

Related Post