Blogging Ethics

MBT Tube

May 16, 2012

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 »

79 comments : Post Yours! Read Comment Policy ▼
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 Post.

    Now I's using manual. But maybe nxt tym I used This widget. I also accept Guest Post. this kind of widget is helpful in my Blog.

    Thanks for your post.

    JayRyan'sBlog

    ReplyDelete
  3. 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
  4. Thanks bro
    I like manual method.

    ReplyDelete
  5. 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
  6. Nice Post...But i this for me manual method suits for me.
    www.gulmiresunga.com

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

    Thanks a lot.

    http://www.meracareergyaan.in

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

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

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

    ReplyDelete
  11. Hii
    Mohammad
    I think the blogger threaded commenting system has been updated.
    Check it out

    ReplyDelete
  12. AoA, Bro you are free from exams now. Can you plz create a blogger template for photo bloggers.
    template should look like
    www.wallpaperhere.com
    www.hdwallpapers.in
    plz

    ReplyDelete
  13. 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
  14. Great post helped a lot.Thanks for the nice tutorial.

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

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

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

    ReplyDelete
  18. @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
  19. i need some guest authors please help me

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

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

    ReplyDelete
  22. 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
  23. what to do eith author name i did nt understand?

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

    ReplyDelete
  25. Fantastic work man, keep your heads high you did it.
    Web Development

    ReplyDelete
  26. 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
  27. 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
  28. graat post bro............www.cyberdemand.blogspot.in

    ReplyDelete
  29. 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
  30. 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
  31. @Zulqurnain jutt

    Sory bro i got it ,,you uses if condition ,and depends on author name ,,wow great work man ,, may Allah bless you ^~^ thanks,

    regards,
    H4ck3r Cracks

    ReplyDelete
  32. @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
  33. @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
  34. @Zulqurnain jutt

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

    I tried but failed....

    thanx

    ReplyDelete
  35. 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
  36. @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
  37. Thanks alot bro.. Just love your site :)
    Checkout my site- www.theepiblogs.blogspot.com

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

    ReplyDelete
  39. www.freefullversionsoftwaregames.blogspot.com

    ReplyDelete
  40. 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
  41. Hi Mohammad,

    This works perfect for me, thank you very much.

    Hemantgiri Goswami

    ReplyDelete
  42. 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
  43. is there any automatic author information widget for blogspot

    By www.Shareusall.com

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

    ReplyDelete
  45. Ultrasurf Thanks dude, nice Post .good admin Thnaxxx

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

    ReplyDelete
  47. 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
  48. This widget is not working well Ok i just follow your instructions but i can't see my author information in blog post or homepage. what is this ?

    ReplyDelete
  49. 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
  50. 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
  51. Nice Sharing Informative post
    Best of luck
    Regards
    H I B

    ReplyDelete
  52. 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
  53. This comment has been removed by the author.

    ReplyDelete
  54. It’s truly a nice and helpful piece of information. I am glad that you simply shared this useful info with us. Please stay us informed like this. Thanks for sharing.
    Counter Display Boxes

    ReplyDelete
  55. Good one and simple author box

    ReplyDelete
  56. Its nice article dear keep it up.
    Regards Tricks Studio

    ReplyDelete
  57. statement of purpose finance i admire the valuable information you offer in your message. a great article written with great
    hard work i appreciate sharing this graet post. keep up your work. this looks absolutely perfect.

    ReplyDelete
  58. sir the box is not showing i follow your steps but can get right here is my website:http://www.myentertainmentportal.com

    ReplyDelete
  59. Very helpful information that you share thanks bro.

    Retail Boxes

    ReplyDelete
  60. Hello hope you are fine, Dear i try it but it's nothing work on my blog :( but why? Can you please tell me the mistake of me. I think it's a template problem :)

    Check here - http://pakboardresults.blogspot.com/

    Thank you!

    ReplyDelete
  61. 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
  62. 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
  63. Thanks for the superb guidance.Excellent information you've got right here on this post.
    custom display boxes

    ReplyDelete
  64. Hey
    Recently Blogger has updated the Blogger author bio. You can check it.

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

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

    pet shop, dog supplies

    ReplyDelete
  67. I always find such amazing posts on this website and today's post was really amazing chack this. Thank you
    debt relief

    ReplyDelete
  68. eed help.. when ever i add any of the widget which is below post.. it doesnt seems to be seen.. bhai help plzz..
    how can i make my ex want me back

    ReplyDelete
  69. 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

Widgets + Web Designing

Workshops

SEO Mashup