Saturday, December 15, 2012

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?

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.

2 comments:

Abraham Ologundudu said...

nice post. there are some errors in the coding. no closing table tag and input tag. fix it.

Anonymous said...

Thanks for the great help and this tutorial. But like Ologundudu said, it seems clossig table tag and input tag are missing. It mess up my other table on site somehow.

Can anyone help, how to fix this? This is brilliant visually though, i want to use.

◄ Newer Post Older Post ►
 

Copyright 2013 Sinhala MP3Create Blog Template by Farhan Share and Tuliskan