Author Bio Box Widget Generator For Blogger/Blog

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.

How To Add Author Bio Box Widget To Blogger?


  • 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


  • Login to blogger —>Template—>Edit HTML
  • Tick on Expand Widget Template check box
  • Search for ]]> in your blogs HTML
  • Copy above CSS code and paste Just Above ]]>
  • Nest search for
  • Copy above HTML code and paste just after
  • 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.

Be sure to subscribe to the Blogger Heroe newsletter and get regular updates about awesome posts just like this one and more!

About kasper

Hey Guys I am Avinash a.k.a Kasper.I am one of the founder of this blog.I love blogging,gaming and other fitness activities.Blogging has taught me many things in my life and made me different from others.The only thing I believe is that if you ain't First your Last!


  1. Hemant Verma says:

    nice one

    Get daily JOB Updated for Freshers and experienced Fresher JOB Spot

  2. Shanta Dsuza says:

    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.

  3. Awais Ahmed says:

    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

  4. adrian lucernas says:

    @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..

  5. Awais Ahmed says:

    Thanks Adrian for your kind reply and kindly simply it i details ๐Ÿ™

  6. Sudhanshu Thakur says:

    from where did you get this generator?

  7. Adrian Lucernas says:

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

  8. Sudhanshu Thakur says:

    Thank you so very much ๐Ÿ˜€ ๐Ÿ˜€ ๐Ÿ˜€ ๐Ÿ™‚

  9. Sudhanshu Thakur says:

    @Adrian Lucernas Thank you so very much ๐Ÿ˜€ ๐Ÿ˜€ ๐Ÿ˜€ ๐Ÿ™‚

  10. Tharun Raj says:

    nice post brother,

Speak Your Mind