Add About Author Box In Blogger With Social Buttons v1

About author box is a connection box with you and your blog/website users, as you can see all professional bloggers has nice reputation on all social media networks therefor I have added 4 social media buttons in this about author box, this about author box for blogger blogs have stunning features like author image rotating with shadow effects, you can add link of your about page in last line, more space for text and social media buttons for getting more social media subscribers, with out any time wasting lines I'm going to show you "How To Add a Fancier About Author Box in Blogger Blogs ?", read below simple steps. *You can see this widget live in footer area of this website*.
Add About Author Box In Blogger With Social Buttons v1

Why To Add About Author Box In My Blog ?

  1. With this box your blog users can quickly reached you with some clicks your blog users can tell you there problems and suggestions.
  2. I have added 4 major social media networks buttons in this box for getting more and more social subscription and reputation.
  3. With this box you can convert your blog visitors into users (daily visitors), also you can get more trust of Google for author rank with your blog queries in Google search results.

Features of This About Author Box

  1. I have added some awesome features in this box, like rotating image of author, yes this box have this feature you just need to add author image URL this feature will appear automatically.
  2. Another new and awesome feature of this author info box is its have 4 major social buttons, so can add your social profile links in this box.
  3. Simple yet classy : this box don't effect your blog's load time.

How To Add Author Bio Box In My Blog ?

Hey! now read below simple steps for adding this box into your blog.
  1. Go to blogger.com (log in)
  2. Select your blog and go to its layout section
  3. Scroll down and click on add widget in footer menus
  4. Copy below coding and paste it into HTML area of new widget-
<!--[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="http://2.bp.blogspot.com/-N36UMxbRnec/UpR9q0VdwoI/AAAAAAAAC5U/htCJIPJYukI/s1600/Umer+Prince.JPG" align="left"/>
<div class="ts-fab-social-links"><a href="https://twitter.com/UmerPrinceWorld" title="Twitter"><img src="https://lh3.googleusercontent.com/-06-TOzUPuzE/Uv3IJ11Kz1I/AAAAAAAADdI/VPvSOh3Jhl4/h120/twitter.png" alt="My Twitter profile" height="24" width="24"></a><a href="https://www.facebook.com/pages/All-Blog-Things/541738759257247" title="Facebook"><img src="https://lh4.googleusercontent.com/-EzMgFjc9b1g/Uv3IHI--mmI/AAAAAAAADc4/u7nfnw13ThQ/h120/facebook.png" alt="My Facebook profile" height="24" width="24"></a><a href="https://plus.google.com/110818828746613579693?rel=author" title="Google+"><img src="https://lh3.googleusercontent.com/-eKnWuE7MQ3Y/Uv3II3UqQMI/AAAAAAAADdA/YBbMV4C24IU/h120/googleplus.png" alt="My Google+ profile" height="24" width="24"></a><a href="http://www.pinterest.com/#" title="Pinterest"><img src="http://1.bp.blogspot.com/-nSRPIKcgV0E/Uv3NLv8_f2I/AAAAAAAADdY/vfQDwGwsT9s/s1600/pinterest.png" alt="My Pinterest profile" height="24" width="24"></a></div>
Hi..! I am Umer Prince founder of GSS Network which offers Web Services and Online Business Solutions to clients around the globe.
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/UmerPrinceWorld">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 RED colored links with your profile links, Change GREEN colored link with your image link and Change BLUE colored text with your details (about author).

Final Words

So friends now I think you can easily add about author box into your blogs/websites, if not then let me know why ? in comments form below, and do me a favor share this article as much as you can.

COMMENTS

BLOGGER
Name

2016,18,2017,10,2018,8,Adsense,8,Affiliate Marketing,3,Alexa,1,Announcements,1,Apps,2,Ask Me,6,Back linking,5,Backup,1,Bing,1,Black Friday,1,Blockquote,1,Blogging,8,Blogging Mistakes,6,Books,1,Case Study,6,Content Marketing,16,CSS,4,Customization,20,Domains,6,eCommerce,1,Email Marketing,3,Entrepreneurs,12,Event Blogging,1,Exclusive,35,Facebook,6,Featured Snippet,1,Forums,2,Freebies,3,Freelancing,4,Giveaways,1,Google,10,Guest Contributions,74,Hosting,7,How To,107,Info graphic,19,Inspiration,4,Interviews,4,Keywords Research,1,Make Money,37,Newbie's Guide,67,News,22,NLB,9,Page Rank,2,PayPal,1,Pictorial,2,Posts,4,PSD Files,1,Quotes,5,Referral Earning,2,Review & Guide,16,Roundups,2,Self Improvement,1,Selling,1,SEO,39,SMO,4,Social Media,10,Startups,1,Technology,1,Templates,7,Tips and Tricks,55,Tools,4,Tops and Lists,39,Traffic,12,Twitter,2,Vlogging,2,Web Designing,10,Widgets,24,WordPress,10,Writing,26,YouTube,2,
ltr
item
AllBlogThings.com - Blogging Made Easy!: Add About Author Box In Blogger With Social Buttons v1
Add About Author Box In Blogger With Social Buttons v1
This Article Will Show You How To Add About Author Box In Blogger With Social Buttons, With doing some simple steps you can use author bio box in your blogger blogs.
http://1.bp.blogspot.com/-i9f1vOIUdtI/Uv4K2zM8VII/AAAAAAAADdo/R3GxJoQ1LUo/s1600/about+author+box.PNG
http://1.bp.blogspot.com/-i9f1vOIUdtI/Uv4K2zM8VII/AAAAAAAADdo/R3GxJoQ1LUo/s72-c/about+author+box.PNG
AllBlogThings.com - Blogging Made Easy!
http://www.allblogthings.com/2014/02/AboutAuthorBoxForBloggerV1.html
http://www.allblogthings.com/
http://www.allblogthings.com/
http://www.allblogthings.com/2014/02/AboutAuthorBoxForBloggerV1.html
true
8869657471256965778
UTF-8
Viewing All Posts Bad, Try Again VIEW ALL Read More Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED! LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back To Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec Just now About 1 minute ago $$1$$ minutes ago 1 hour ago About $$1$$ hours ago Yesterday About $$1$$ days ago About $$1$$ weeks ago More than some weeks ago Followers Follow THIS CONTENT IS MAY PREMIUM Please share to unlock this conten Copy All Code Select All Code All coding here were copied to your clip-board If You can't copy the coding or text here, please press CTRL+C or CMD+C with Mac to copy now