How To Add Authore Box To Blogger

Add Authore Box To Blogger

1) First of all go to your blogger dashboard click on layout and then add gadget
2) Select html/javascript gadget for blogger
3) Copy the codes given below and paste these codes in html/javascript gadget window

<h3 class="title">About Me</h3><div class="widget-content"><!--[if !IE]> --><style>}#bbc:hover{border:2px solid #ccc;cursor:pointer;}.opacity{opacity: 0.5;margin-right: 50px;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;-moz-transform: rotate(7deg);-o-transform: rotate(7deg);-webkit-transform: rotate(7deg);-ms-transform: rotate(7deg);transform: rotate(7deg);}.opacity:hover{-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);-moz-box-shadow: 1px 1px 4px #000;-webkit-box-shadow: 1px 1px 4px #000;box-shadow: 1px 1px 4px #000;}</style><!--[endif]---->
<style>#bbc{border:2px solid #888; margin:2px 5px 0px 0px; padding:2px;}#profileAditya:hover{border:2px solid #ccc;cursor:pointer;}.opacity:hover{opacity: 1;-moz-box-shadow: 1px 1px 4px #000;-webkit-box-shadow: 1px 1px 4px #000;box-shadow: 1px 1px 4px #000;}</style><img class="opacity" id="bbc" src="http://4.bp.blogspot.com/-crOz5rKvC4E/UesduJflAfI/AAAAAAAAj4w/l3SPWAu_uw0/s1600/0000.jpg" width="100" /><div style="font-family: Arial Tahoma Verdana; font-size: 13px; text-align: justify; margin-top:-110px; padding-left:120px;"><b>Founder & Author:</b> ali liaqat is a web designer, web developer and SEO expert currently working on several web projects, he is managing several blogs from his living </div>room alone.<a style="color:#5634;" href="http://www.seomethodes.blogspot.com/p/about-me.html" target="_blank">...Read More</a><!--![endif]----></div>

4) Replace red colour with your image URL
5) Replace pink colour with your abour me page URL
6) Finally click on save and your setting have been ready