Thursday, 6 February 2014

Awesome Guest Author Info Widget For You Blog

Guest Author Info Widget For You Blog
Guest blogger plays important role on your blog when you don't have enough time. But no one serves you when they get nothing in return. Well you can reward your precious guest blogger by displaying their bio along with a link to their blog, website or any other social links like Google+, twitter etc. In this post i will share with you a widget which will allow you to display author bio below their post as one show in above image.

Editing Code For Guest Author Widget

1. Go to Blogger > Template > Edit Html
2. Now search for ]]></b:skin>
3. Copy/Paste following code just above ]]></b:skin>
/****MBW Guest Blogger Widget*****/
.mbw-author-box {
background: #f6e4db;
margin: 5px 0 20px 0;
padding: 12px;
border: 1px solid #e3e3e3;
box-shadow:2px 2px 1px #e3e3e3;
overflow: hidden;
color: #3b3b3b;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
line-height: 1.6em;
.mbw-author-box p {
margin: 0px;
padding: 0px;
.mbw-author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 5px;
border: 3px solid #e3e3e3;
4. Save the template.
5. The major part is done, now every time you publish a guest post just follow this simple steps given below to add guest author widget.

How To Add Guest Author Bio Inside Blog Post?

1. After writing your guest post go to html section of your blog post by clicking on HTML beside Compose as show in the image below.
blogger post

2. Now paste the following code at the end of html code (Below the last html Tag in the HTML Section)
<div class="mbw-author-box">
<img alt="author-pic" height="85" src="IMG" width="85" /> <strong>About Guest Blogger</strong><br />Here Goes Details about your guest author</div>
  • Replace IMG with your guest author image url
  • Change Here Goes Details about your guest author to the details about your guest author.
If you have any query or have problem implementing this widget to your blog leave a comment below i will be happy to help you out. 

Subscribe To Get FREE Tutorials!


Umer Prince on 24 March 2014 at 07:19 said...

This is a nice box for simple styled and tech related blogs

Cyber boy on 9 September 2014 at 12:24 said...

great site...thankx

My Blogger Tools on 28 August 2015 at 17:08 said...

Nice Post , you always write good article...
A Blog about Blogger Tools, Blogger Widgets, SEO, Make Money Online, CSS and HTML Tools etc. Learn Blogger, and
(Make Money Online :) ►

Khang Đặng on 2 December 2015 at 19:55 said...

I usually use this author box in my site, ex

Mohammad Adnan on 7 February 2016 at 09:38 said...

Thanks mate ... that helped me alot :)

Mohammad Adnan on 7 February 2016 at 09:41 said...

Thanks mate ... that helped me alot :)

akmal niazi khan on 15 April 2016 at 08:19 said...

Blogging is incredible and every blogger playing a great role to introduce new things in blogging. I always like to fly on different blogs and read the strategies of different blogger to understand the blogging in more depth. Being a bloggers I really appreciate your works and no doubt your blog is awesome.
Love from Asad Niazi

hunxai on 6 June 2016 at 02:14 said...

Thank you so much for this post
....Continue reading.......................
FTA channels......................
DVB ReceiversBiss keys Free sports Channels Master codes Powervu keys

Post a Comment

Newer Posts Newer Posts


Recent Posts


Recent Comments Widget

| My Bloggers World © 2009. All Rights Reserved | Template Style by My Blogger Tricks .com | Design by Brian Gardner | Back To Top |