Insert Virtually The Writer Box Below All Post Inwards Blogger

For a Blogger its really of import to nation the his audience who is the writer of the spider web log as well as "About the Author" is the best & most successful way to make awareness among the users who is the behind the success of this blog.

You bring seen many WordPress spider web log which has About the Author Widget below every post.So I Thought why our Blogger users remains behind thus today nosotros will Add "About the Author" Box At the End of Each Blogger Post. 

I am surely that you lot volition honey to preview About the Author Widget so Here it goes

Preview "About The Author Widget For Blogger"

How To Get Started:

• Go to Blogger.com >> Template >> Edit HTML >> Proceed
• Search For ]]></b:skin> and exactly inwards a higher house it Place the next CSS styles

.MBL-About-Us {

margin-bottom:10px; height:180px; background:#FFFADF; padding:10px; border:1px solid #FFD324; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; box-shadow: 2px 2px 2px #CCCCCC;

}

.MBL-About-Us p {

color:#666; text-align:justify;

}

/*.MBL-About-Us p a {

color:#666; text-decoration:underline;

}

.MBL-About-Us p a:hover {

color:#ddd; text-decoration:none;

}*/

Customization:  

I bring kept all the Css Editable so you lot tin laissez passer on the sack customize it according to your template style.

• To modify background color of the Author Box Replace #FFFADF 
• To modify edge color Replace #FFD324 

Now Save the Template make surely the template is mistake free.Now depository fiscal establishment gibe (Tick) Expand the widget as well as search for  this line <div class='post-footer-line post-footer-line-1'/> You tin laissez passer on the sack search intently with (CTRL+F).After you lot honor the trouble glue the next code exactly nether the line

<br /><div class="MBL-About-Us"><img align="left" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK2BXN_YzFa-rPoPdR02YSXl8RmBcAtRVKqPny7T1lW6fGgFEo206WVuMQoe08KVDQsb8Hl53iynBT-9wPXqgqnE4Aj6boHAK2DTI6dLB-7ok5Gr78ALxlrlcKPpd3Py8pGiO4iErErFQ/s1600/Faizan.jpg" style="border-right-color: rgb(255, 211, 36); border-right-style: solid; border-right-width: 1px; margin-bottom: 20px; margin-left: 0px; margin-right: 10px; margin-top: 10px; padding-bottom: 20px; padding-left: 0px; padding-right: 10px; padding-top: 10px;" /><br /><span style="font-family: Verdana, sans-serif;">Your Authors Details Here</span></div></div>

Customization:  

1.To Insert Your Author's Image simply Replace https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhK2BXN_YzFa-rPoPdR02YSXl8RmBcAtRVKqPny7T1lW6fGgFEo206WVuMQoe08KVDQsb8Hl53iynBT-9wPXqgqnE4Aj6boHAK2DTI6dLB-7ok5Gr78ALxlrlcKPpd3Py8pGiO4iErErFQ/s1600/Faizan.jpg with your image.

2.To Insert Details nearly the Author Replace Your Authors Detail Here
3.To Change the text means replace Verdana

After Customizing your Author box according to your involve elementary Save the Template as well as straight off you lot volition survive able to run across "About the Author box" below all blogger posts.

Credits:  

All the credits goes to MybloggerTricks.com as well as Mustafa Sir he had coded this brilliant style.I bring exactly optimized it for you.If you lot bring any difficulties in this or whatever other topics experience costless to enquire till as well as so Peace Blessings as well as Happy Optimizing