Display Guest Author Box Automatically in Blogger

Author Box in BloggerGuest posting saves great time when you are stuck in exams or engaged in some other off-side work. Google Blogs provide the best blogging experience when it comes to ease and comfort. The user interface and over all control options are extremely easy to set and play with. Unlike wordpress where you can display author box using a plugin, in blogger we will have to code things ourselves. Displaying author info at the bottom of the posts can be done in two ways. The first method as you may know is pasting the author info box manually below each post yourself. The problem with this method is of course precious loss of time. Manually adding an author box below each post could turn out to be a headache, therefore an automatic way would be the best. You have seen the above author box displaying introduction of Qasim below all his posts. This box appears automatically below each post published by his shared blogger account. We used conditional tags to make it work and its really just two lines of code, the rest is all design. Lets understand few things before jumping straight at the tutorial

 

Which Method suits you: Automatic or Manual?

If you are the only author at your blog and you don't receive frequent posts from one single author and rather receive guest posts from different authors then you should go with the manual method. This wont slow your blog load time because you will be adding the box for each author under his or her post instead of adding several boxes for each author  inside the template.

And if there are more than one author at your blog like ours then you should better go with the dynamic way. Here you will have to add the box just once inside your template and it will display automatically below all posts published by that guest or co-author.

Create Author Accounts in Blogger

You can invite up to 100 Team members per blog. Which means that your blog can be authored by 100 different people. All you need is to send them an invitation by going to Settings > Basics > Permissions . The invitee will accept the invitation and he can thus start posting on your blog with a separate dashboard and limited editing options. you can choose to grant him admin privileges also. To learn more when and how to grant admin rights, please read:

How To Add Author Box Manually?

All you need is the author's profile picture, two lines of bio and then the following tasty tutorial that explains all:

How To Add Author Box Automatically?

The steps are kept simple so you will find it really interesting to apply.

  1. Go to Blogger > Template
  2. Backup your template
  3. Click Edit HTML
  4. Click Proceed
  5. Then Click Expand Widget Templates
  6. Search For ]]></b:skin>
  7. Just above it paste the following CSS code,

/* MBT Code For Author Box */

.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;
}

To change color of the text "About author" edit     color:#666666

8.   Next Search for data:post.body

    9.  Just below it paste the following code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.author == &quot;AUTHOR NAME&quot;'>
<div class='about-author'>
<h3>About Author:</h3>
<img align='left' src='IMAGE LINK OF AUTHOR'/>

<p>WRITE AUTHOR BIO HERE</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>

All steps are self explanatory. you just need to fill the bolded parts with correct requirement details. There is one thing that needs care.

  • Replace AUTHOR NAME with the account name of the guest author. This name should match exactly the name appearing on his posts. See the screen shot below:

guest author account name

 

       10.   Finally save your template and you are all done!

Visit your blog and check the post of any of your co-authors. You will find his bio appearing just perfectly at the bottom of all articles published by him. 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?

This tutorial should not trouble anyone for sure but incase you needed help in customization then feel free to post your queries. Let me know whether or not this little tut solved any of your problems. Peace and blessings pals. :)

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

57 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. thanks a lot mohammed for this ost

    ReplyDelete
  2. Nice article Mohammad Mustafa Ahmedzai , this is what I was searching for! . I have a doubt in Google Adsense, In Google adsense I have CPC 0.09$, can I know how to increase Adsense CPC?
    my blog is www.way2all.in

    ReplyDelete
  3. Thanks bro
    I like manual method.

    ReplyDelete
  4. Hi Brother Mohammad, thank you for the tips. I saw your pictures teaching people how to blog and how to customized a blog. Did you also teach them how to make money with a blog? You have lots of ideas there, they can have more benefits if they will listen to you. I also want to meet you in person.

    You are such an inspiring blogger. This post will be my reference when I start inviting my fellow bloggers to contribute in my personal blog. However, it is not good to invite friends to write on our blog for maybe they will just give mess to our GA, unless we are trusting them. But to be safe, don't use the permission in blogger in your blog that has GA.

    Thanks a lot for your useful content you have shared in blogger customization. God bless you brother.

    ReplyDelete
  5. I was just thinking about this today, how to do that.

    Thanks a lot.

    http://www.meracareergyaan.in

    ReplyDelete
  6. Mohammad if we have more than 1 authors than what? How to use this for them!

    ReplyDelete
  7. If i have 3 authors and i want that dunamic way so how can i do that

    ReplyDelete
  8. It means that this method ia just for 1 co-author

    ReplyDelete
  9. Its really nice bro.. But now i'm using author info box with subcribe email,fb page like and google+ button below posts, so i will try it later. Thank you :)

    My blog : http://www.myfirsttricks.in

    ReplyDelete
  10. Great post helped a lot.Thanks for the nice tutorial.

    ReplyDelete
  11. I Love to apply this method in my blog..How to aply?Like it. Thnxs a lot
    www.lovesmereadme.blogspot.com

    ReplyDelete
  12. This comment has been removed by the author.

    ReplyDelete
  13. Nice Post i will also implement this on my blog!
    http://geekyblogging.blogspot.com

    ReplyDelete
  14. @harinarayan

    The only effective way is to post daily and work on your traffic. give preference to topics on social media and technology. You can learn a lot from Penguin and Panda Updates


    @Gilbert Canda
    I am honored brother. May God bless you too for those kind words. :>

    I would say I am too small to teach, I just help people with their day to day problems in building readership, traffic and generating revenue. You are always welcomed to ask any query you may have in latest posts. Meeting you would be a pleasure in itself brother.

    There are two options in blogger, Author and Admin. Author option wont give anyone access to your template settings and this keeps you safe and gives only post editing rights to the author. You can remove the author later from your guest list but this wont delete his previously published posts which is great.

    @hamxa wasim

    Brother in that case simply copy and paste the code in step#9 twice or thrice depending on the number of your authors. All you need is to fill the details accordingly. :)

    @Daniyal

    I will surely publish a template if I was able to fetch some leisure time buddy. Sure why not. :>

    @atikur

    Indeed you can customize the code in step#9 for adding more details buddy :)

    ReplyDelete
    Replies
    1. Hi bro,
      I really enjoyed reading your article from start to finish.
      Really great,helpful and informative article and platform.

      But as a Junior(blogger) i have got one question for you that,
      how and where to find a guest author?(who is eager and willing to do someone a favour)
      Please suggest me someone and if possible than recommend my blog too.

      My blog is about entrepreneurship (Entrepreneur~business startup)
      And here is the link below:

      http://www.maradeur.com

      I will ask you for a few moments of your precious time to visit my blog and give me your suggestions.

      Kind regards,

      Delete
  15. i need some guest authors please help me

    ReplyDelete
  16. Thanks I'll add this to my blog
    http://3asq-blogger.blogspot.com/

    ReplyDelete
  17. Nice post was awesome, i think its time i keep accepting guest post on my blog, thanks man

    ReplyDelete
  18. Mohammad,

    I was searching for post on how to write great author box for Article Marketing, and I came upon your blog here. This a great blog and I will bookmark it. I will return later and read more of your posts.

    ReplyDelete
  19. what to do eith author name i did nt understand?

    ReplyDelete
  20. THanks, How to Add the Author Biograph page?

    ReplyDelete
  21. This is Awesome tutorial, just a little problem with giving admin rights, Blogger should try to fix that so we can be rest assured our blog don;t get stolen completely from Us

    ReplyDelete
  22. oh i got a problem bro.I set author bio for one author but now to do i set author bio for another author

    ReplyDelete
  23. graat post bro............www.cyberdemand.blogspot.in

    ReplyDelete
  24. Hi, I'm very much impressed with the dynamic template of blogger, so started working on my blog through dynamic template only. Here are my couple of queries from you...



    Query 1. Dynamic template loading speed is really good when the blog is open for anybody (public). But when we give some restrictions such as "only blog authors" or "only these readers", the page (home page) opening speed become zero or it never open.



    And the same page suddenly open without touching any button if

    we change the option "any body" (for public)" from the blogger backend.



    Query 2. Can i buy this kind of dynamic template with the same features for my own site which i can upload somewhere in third party server.



    regards,

    IShrosh

    ReplyDelete
  25. muhammad,, yar ik problem hai agar ,,hum guest author ka info box ,aik author ke info ke sath fill krain ga to ye to phr data.body ke andar hai or ,,code har author ke liye same run hoga !! and har author ka name ,info,bio etc same aye ga confusion .

    ReplyDelete
  26. @Ishrosh

    Zulqurnain jutt bhai, kuch help karo yaar. jaise hi mei is ko blogger mei public karta hoon toa it's started opening very fast but condition lagate hi, i mean jaise hi option blog auther ya phir "only these reader" ka option deta hoon toa natak karne lagta hai , i mean 10 me se 1 baar hi open hota hai that too very slow.

    kya is mei blogger developter team kuch help kar pai gi.

    thanx dear,
    ishrosh

    ReplyDelete
  27. @Ishrosh
    bro , you are right ,so i have pasted
    code given in 9th step on exctely of my late widget code below lt;div class='post-body entry-content'lt;

    code and it replace AUTHOR NAME with my exact name on my blogger. ,and when you add guest authors code the 9th step code again and place it just after lt;/b:iflt; code of first author code and fill it and carry on !!

    ReplyDelete
  28. @Zulqurnain jutt

    Sorry brother, I'hv not understood. Please explain the solution as i'm novice.

    I tried but failed....

    thanx

    ReplyDelete
  29. Blogger Dynamic View will give problems....., If you have opt the option "Only blog authors" or "Only people I choose" from "SETTINGS" - "PERMISSIONS".

    Problem 1. - Dynamic View will disappear from "DESIGN" - "TEMPLATE DESIGNER" from the back-end.

    Problem 2. - Blog or Site (page) opening speed down to zero.

    ReplyDelete
  30. @Zulqurnain jutt

    brother please help me, mere ko aap ka solution clear nahi hua, mene bahoot try kiya....

    blogger kehta hai ki dynamic template public karna jaroori hai nahi toa nahi kaam kare ga. see below link....

    http://support.google.com/blogger/bin/answer.py?hl=en&answer=1227173

    ReplyDelete
  31. Thanks alot bro.. Just love your site :)
    Checkout my site- www.theepiblogs.blogspot.com

    ReplyDelete
  32. Nice post.. but i have a problem i have two instances . so can you make me clear which one i have two choose???

    ReplyDelete
  33. If you don't want to give admin privileged to any one so you can also use manual method as auto method. just read instructions which i post in comments of http://www.mybloggertricks.com/2011/04/show-guest-author-info-below-blogger.html

    ReplyDelete
  34. Hi Mohammad,

    This works perfect for me, thank you very much.

    Hemantgiri Goswami

    ReplyDelete
  35. Hi Mohammed,

    Thanks for this! I've modified it a bit on my blog (http://wsagoodstart.blogspot.com/) to show the post information on the main index page and to include it in the footer rather than the main blog post. Really love the way it turned out!

    ReplyDelete
  36. is there any automatic author information widget for blogspot

    By www.Shareusall.com

    ReplyDelete
  37. I think this is too difficult for several people, but this is not your fault, because blogger has limit

    ReplyDelete
  38. Guest post : http://www.pschunt.com

    ReplyDelete
  39. Assalamu 'alaikum..... May i introduce myself. I really impressed with this Blog contents, good look, readable and so on.... Nicest Info for me as a newbie....

    ReplyDelete
  40. I have one of these boxes on my blog which i dont want, how would i remove it? it is not showing anywhere in the html coding?

    ReplyDelete
  41. Thanks for the great tips. Can you help a little more. I write all my blog posts myself and only one post is written by a guest blogger. Now my author box is shown on that post too as I have posted the article with author credit below the post. How can I remove my author box from this single page?

    ReplyDelete
  42. Awesome Post bro.. I want to ask a question also want a widget i mentioned below..
    I have added auto author box, like you share above.. Now i received some guest posts and i want to remove my author box but not from all posts, i don't want to show my author box in guest posts..

    ReplyDelete
  43. This comment has been removed by the author.

    ReplyDelete
  44. Good one and simple author box

    ReplyDelete
  45. Hey there! I was really excited to find your instructions. I've added it to my template, but for some reason Nothing is reflected on the site when I refresh. When I search for I find 5 results. I pasted under the first one, using myself (admin) for the author. Am I supposed to be pasting elsewhere?

    ReplyDelete
  46. Imay be pulling out my hair a bit. It is working for only me (admin) but no one else. Am I adding my authors (not admins) incorrectly??

    I copied everything in step 9 a second time. Should I be moving tags or renaming something to denote author 2, 3, 4, etc?

    ReplyDelete
  47. need help.. when ever i add any of the widget which is below post.. it doesnt seems to be seen.. bhai help plzz..

    ReplyDelete
  48. I need help please :(

    I have blog www.gloobeall.net and I try all to add author bio in my blog but just it doesn't appear I try also methods from other bloggers and done all is needed and no luck ,,,,can you suggest any ...???

    ReplyDelete
  49. What of when you have multiple authors. how will I add all of them automatically

    ReplyDelete