Announcement:

BLOGGER HEROE IS UNDER CONSTRUCTION

Author Bio Box Widget Generator For Blogger/Blog

Posted by Editorial Team on 12:17 AM in ,
Hello guys! I'm back for how many days now I will give you the easiest way on how to Add Author Bio Widget at Bottom of Each Post for Blogger with the help of this widget generator. The main things that this widget takes your Gravatar profile picture so you don`t need to upload any other photo. With help of this, Its look like a pro author widget. As you know, Blogger updates guest author features so I am also working on it for guest blogger but still you can it in your blog. This widget generator made by Making Different.
How To Add Author Bio Box Widget To Blogger?

STEP 1

  • Replace my all links with yours in Generator below 
  • Customize colors as you want
  • Click on "Generate code" button to get CSS & HTML code
  • If you want to show preview of  author bio box widget, after clicking on Generate Code just click on "Preview" button to show Preview 

STEP 2

  • Login to blogger --->Template--->Edit HTML
  • Tick on Expand Widget Template check box
  • Search for ]]></b:skin> in your blogs HTML
  • Copy above CSS code and paste Just Above ]]></b:skin>
  • Nest search for <div class='post-footer-line post-footer-line-1'> in your blogs HTML
  • Copy above HTML code and paste just after <div class='post-footer-line post-footer-line-1'>
  • Finally save your template 
  • You have done !!!
If you have any doubts don't hesitate to ask.Please Comment.
Now If  You Enjoy This Post! Please Take 5 Seconds To Share It.
Share it Please

10 comments:

  1. UnknownDecember 16, 2012 at 7:06 AM

    nice one

    Get daily JOB Updated for Freshers and experienced Fresher JOB Spot

    ReplyDelete
  2. Shanta DsuzaApril 1, 2013 at 9:49 AM

    I am a Professional Blogger. I would like to share my thought in my blogs and always try to write something new for the people who are regularly visit my blog. I Like to share most effective Professional Blogging Tips and the way to Increase Blogging Earnings.

    ReplyDelete
  3. Awais Ahmed KhanApril 8, 2013 at 1:20 PM

    Great sharing dear but i have a problem after following every step that mentioned above when i clicked preview this error is showing
    Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly. < br / > XML error message: The element type "input" must be terminated by the matching end-tag "< / input >".
    Error 500

    kindly help me about this please

    ReplyDelete
  4. maw2214April 8, 2013 at 5:38 PM

    @Awais AhmedUse this tools Display Html Code In Your Blog-Html Parse Tool to parse your code and try to insert your code into your blog again..

    ReplyDelete
  5. Awais Ahmed KhanApril 25, 2013 at 1:53 AM

    Thanks Adrian for your kind reply and kindly simply it i details :(

    ReplyDelete
  6. AdminMay 19, 2013 at 9:38 AM

    from where did you get this generator?

    ReplyDelete
  7. maw2214May 19, 2013 at 5:30 PM

    @Sudhanshu ThakurRead carefully the articles. if you want to know where is the generator from..

    ReplyDelete
  8. AdminMay 22, 2013 at 5:51 AM

    Thank you so very much :D :D :D :)

    ReplyDelete
  9. AdminMay 22, 2013 at 5:52 AM

    @Adrian Lucernas Thank you so very much :D :D :D :)

    ReplyDelete
  10. BloggerJuly 5, 2013 at 12:31 PM

    nice post brother,
    ANOTHER PROFESSIONAL AUTHOR WIDGET FOR BLOGGER

    ReplyDelete

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML code in comments then please use our HTML Encoder
2. For perfect customization of our tutorials, use our HTML Editor
3. Please do not spam, Spam comments will be deleted immediately upon our review.

Regards,
Adrian Lucernas

Subscribe to: Post Comments (Atom)

Copyright @ 2013 BLOGGER HEROE. Designed by BloggerHeroe | Love for Blogger Heroe