How To Add Author Profile Box For Blog

create custom author Profile box

Author Profile box widget is useful for providing information about the blog owner or the writer of the articles,  additionally will help you to spice up Social network followers. Providing information like your email address and your socials networks profiles will boost your credibility with your follower. At the end of this tutorial you will be able to create custom author Profile box for your blog.

How to Create Author Profile box widget

To create your profile author bio widget on blogger,  sing in to your Blogger account and enter your blog dashboard.


After that go to your blog layout and Add a HTML/JavaScript Gadget to your blogger, which we will use it to copy iframe script code to display Author profile bio.


Now, before adding this code to your Blog, you need to modify it. you need just to replace Url that you don’t need with your own Url. If you have good knowledge with html and Css it will help you to modify this code and make it even better.

To change the Author Profile Picture URL with your own picture search for profile css class and change the background URL with your profile picture URL, if you don’t have URL for your picture you can use Facebook profile picture URL or upload your picture somewhere and copy it’s URL.

If you want to change the cover picture or the color of the form, just try to edit this code by searching for url or color attribute. and don’t forget to change Url icon of your profile social network you’ll find it at the end of this code.  I hope you enjoyed this tutorial.

See How to Create Facebook Like Box for Blog

3 thoughts on “How To Add Author Profile Box For Blog

  1. Asween says:

    I add facebook widget by help of above information,thanks

  2. wow nice tutorials today i create author profile follow this method thank for sharing bro

Leave a Reply

Your email address will not be published. Required fields are marked *