how to add custom author profile in blogger theme

how to add custom author profile in blogger

You had observed that at almost every professional blog have a box which contain the brief bio of blog author.
The picture of the author, his Facebook and Twitter profile links are also there to get more info about the author.
This is a widget and we can easily add it in blogger.
Author box make our website/blog beautiful.
In this article I will show you how you can add Author box in your blog.
Here is the guide.You have to follow some steps to add Author box.

Step#1

1. Login to Blogger.com >>Template>> Edit HTML Press Ctrl+F to find this code ]]></b:skin> 2.Copy the following code and paste it just above .authbio{color:#666; font-weight: normal; font-size:0.9em; background: #fff; border: 1px solid #ccc; width: 540px; padding: 15px; margin-bottom:25px; } .authbio a{text-decoration:underline;} img.alignleft{float:left; background-color: #c4e3e0; border:1px solid #c4e3e0; padding: 5px; margin-left:2px; margin-top:0px; margin-bottom:25px; margin-right:12px; }

Step#2

I think you have done above step carefully. Now press Ctrl+F to search for this code <data:post.body/> Copy the following code and paste it after the above code. <div class="authbio"> <div style="float: left;"> <img alt="" src="Adress of image "/> </div><h1>ASIF RAZA</h1> My name is Asif Raza part time blogger.</div> Now Replace Address of image with the URL of your own image (Add the image in Picasa album and copy the URL and paste here.
You 're done. Hopefully this article will help you to add an Author box widget in your blog.
Happy blogging .If you are facing any difficulty to implement this let me know comment box.
you may also like these
1
How to Add Facebook Share Button to Blogger theme
2
How To Add Facebook Like Button to Blogger theme