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 !!!
Now If You Enjoy This Post! Please Take 5 Seconds To Share It.
2 comments:
nice post. there are some errors in the coding. no closing table tag and input tag. fix it.
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.