“About author”
gives a short introduction of the author to the blog or web
users. This is the very easy step by step blogger tutorial. The about
author box which I have introduced is very attractive it has special
features like author rotating image with shadow effects. It has more
space for
text and social media buttons for getting more social media subscribers.
I have
added 4 social media buttons in this about author box. I am going to
tell you about
“How To Add About Author Box In Blogger
With Social Buttons V1?” without wasting time. I have also applied this “About
Author Box” to my blog. For Demo, you can see this at the bottom of my
site.
Why To Add About Author Box?
|
- With the use of this box you can convert your visitors in to daily visitors.
- With this box in Google search results, you can get more trust of Google for author rank.
- With this box your blog users can tell you there problems and suggestions.
- This box has 4 major social media network link buttons to get more social reputation and subscription.
- With this box your blog users can quickly reached you with some clicks.
Special Features Of About Author Box
|
- One of the special features of this box is the rotating image of author. To use this feature you just have to add URL of image and the rotating image feature will show automatically.
- You can add you social profile links in this box as it has 4 major social media buttons.
- This box doesn’t affect your blogs loading time. It’s really simple to use but really classy.
How To Add About Author/ Author Bio Box in Blog
|
<!--[if !IE]> -->
<style>
#profileumer{
border:2px solid #888888; margin:2px 5px 0px 0px; padding:2px;}
#profileumer:hover {
border:10px solid green;
cursor:pointer;}
.opacity {
opacity: 0.5;
margin-left: 50px;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(6deg);
-o-transform: rotate(8deg);
-webkit-transform: rotate(9deg);
-ms-transform: rotate(8deg);
transform: rotate(8deg);
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1; }
.opacity:hover {
opacity: 1;
margin-left: 0px;
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand');
zoom: 1;
-moz-box-shadow: 1px 1px 4px #000;
-webkit-box-shadow: 1px 1px 4px #000;
box-shadow: 1px 1px 4px #551111;}
</style>
<![endif]-->
<style>
#profileumer{
border:2px solid #888; margin:2px 5px 0px 0px; padding:2px;}
#profileumer:hover {
border:2px solid #ccc;
cursor:pointer;}
.opacity {
opacity: 0.5;
-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;
zoom: 1; }
.opacity:hover {
opacity: 2;
zoom: 2;
-moz-box-shadow: 1px 1px 4px #124123;
-webkit-box-shadow: 1px 1px 4px #643345;
box-shadow: 1px 1px 4px #sdafdf;}
</style>
<img class="opacity" id="profileumer" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnXB4R3nJBhWUVJYD01rAUMnofImRBjKQzk4-vqKX-qe4N0YYz_Tdn34zDPY3HyWnJpYWGtfjYxfIXRGnkL3gFteEI0hyphenhyphenPjvzWVW10OYr2EZ5rBLzph7mTqNAUHtcavY7xP3HDPCaEFNs/s1600/Untitledsmall.jpg " align="left"/>
<div class="ts-fab-social-links"><a href="https://twitter.com/PrinxessRabiOperaOrbis " title="Twitter"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzeQ_yLnpkM_OSQGvB3JXkAwGr9GmH_CY7OjlU5sqw9d863K7xLlA2zE17hSckl_gGikpyLAbrCz18jS2SoSrjUfGlmgrZmf_Uzn2Q0acX-AKNcCfntSf6kKH6CUfOEOvzFtM6vhh_RWhk/h120/twitter.png" alt="My Twitter profile" height="24" width="24"></a><a href="https://www.facebook.com/ PrinxessRabi.OperaOrbis " title="Facebook"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8dm2FS-uiIptivnnF7_vYLj-TdfTobUeiI0psCzf51l1aKIEwIeMgHnlK8W7NDtMj6WKBGkIHXCn9J2TwI-8kxrqkDOm6NKUNUtLtd5endHT4Wz3VIjZWjSdfmkyfn09yb5THUCaeaFcm/h120/facebook.png" alt="My Facebook profile" height="24" width="24"></a><a href="https://plus.google.com/110965467770687823603?rel=author" title="Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYrVclAbPA6uvkNnyaE-UWLJq0JW9VZUlp-qs6kZo3f8l_h0ObwqVtNFTB-zq99QujhdBi6rofF4dlE3NDbocZiUbUKqXbUE7tMdwkB51KTunX9sQDv1ZVvCteNzZ25DhOJsidTRcwXUH6/h120/googleplus.png" alt="My Google+ profile" height="24" width="24"></a><a href="http://www.pinterest.com/oorbis" title="Pinterest"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1vTsaQj2IhcpUxMD5Ra00MM0A9W3C7J0X1ZUn56IbdD3jvEETR_j6EFgye26mO41-WL1g80vQPdkF1o2ABLKHJc2owC5CGRD6arbr-MCDPSsC0Pr7uZ_0_sS6fz12WoVCSVA65dorlJkX/s1600/pinterest.png" alt="My Pinterest profile" height="24" width="24"></a></div>
Hi..! I am Prinxess Rabi founder of Opera Orbs.Blog offers about each and everything to clients around the globe. The name consist of Latin and Italian words which means available world.Share This Blog For More Articles ..! Support Me I Will Do My Best For You All, Thanks In Advance..!<a style="color:#898;" href="http://www.facebook.com/PrinxessRabi.OperaOrbis">Contact To Me </a> <br/> </![endif]--><Script Language='Javascript'>
<!--
document.write(unescape('%3C%61%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%23%38%39%37%38%37%38%3B%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%61%6C%6C%62%6C%6F%67%74%68%69%6E%67%73%2E%63%6F%6D%22%3E%67%65%74%20%69%74%3C%2F%61%3E%20%20%3C%62%72%2F%3E%20%3C%2F%21%5B%65%6E%64%69%66%5D%2D%2D%3E'));
//-->
</Script>
Customization
|
- Change GREEN colored link with your image link
- Change RED colored links with your profile links
- Change and Change BLUE colored text with your details.
Final Words
|
The procedure is very simple and the
widget is very classy. With my complete step by step blogger tutorial, you can easily add
this “ABOUT AUTHOR” box to you blog or website. If you have any problem related
to this you can let me know. For more help comment below or contact us at our Facebook
page.
Comment Policy : We are pleased to see your comment here. However, Please Keep in mind that all comments are moderated manually by humans according to our comment policy all. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and meaningful conversation.