Add Authore Box To Your Blogger
How To Add Authore Box To Blogger
Today i,m going to share you trick of "how to add about me box in blogger" before this tool your visitors can easily know about you. and your bio data. it is very useful in these days this authore box add in homepage of your blog.
 |
| 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Ym-Wt01_sVzb3mSOxPFe3f27U4_OBabcKMqEkUtKf1-G8Hi4WdcJS_Nk4fiVpo8KQoHJ7Aege2bmKfLvb-KkV7qWcEPqVJwh9qzP2j8Qho90aWjExLajyY5d_2L9cWbD_Y83HKQetG4/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
This post was written by: Author Name
Author description goes here. Author description goes here. Follow him on Twitter
Subscribe to:
Post Comments (Atom)
0 Responses to “Add Authore Box To Your Blogger”
Post a Comment