How To Add Floating Social Share Buttons To Blogger

Floating social share buttons give an extraordinary look of your blog as well as it locates extremely left side of your blog. But in this post, I teach you how to add Smart Floating Social Bar buttons extremely left side of your blog. Social share buttons help bloggers or website owners to share their online contents on social networking sites like Facebook, Twitter, Google+, LinkedIn, Pinterest etc. You can add floating social share buttons either left side or right side to your blog.

How To Add Floating Social Share Buttons To Blogger


Follow the step to add floating social media share buttons to a blogger just like as shown in the screenshot below

How To Add Floating Social Share Buttons To Blogger



Step 1. Login to your blogger account
Step 2. Click Layout which is located left side
Step 3. Click Add a Gadget

How To Add Floating Social Share Buttons To Blogger


4. Copy the code below by AddThis


<script
type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=xa-532001536456a2bc"></script>
<script type="text/javascript">
var addthis_product = 'blg-1.0';
addthis.layers({
  'theme' : 'transparent',
  'share' : {
    'position' : 'left',
    'numPreferredServices' : 5
  },
  'follow' : {
    'services' : [
             {'service':'google_follow', 'id': '+yourgplusid'},
     {'service': 'facebook','id': 'yourfacebookid'},
      {'service': 'twitter','id': 'yourtwitterid'},
      {'service': 'linkedin','id': 'yourlinkedinid'},
{'service': 'pinterest', 'id': 'yourpinterestid'},
{'service': 'tumblr', 'id': 'yourtumblrid'},
      {'service': 'youtube','id': 'youryoutubeid'}
    ]
  },
  'whatsnext' : {},
  'recommended' : {}
});
</script>
<div style="clear: both;font-size: 9px;text-align:center;"><a style="color: #3399BB;" href="http://www.allbloggerbuzz.com">Get This Widget</a>
</div>


How To Add Floating Social Share Buttons To Blogger


5. Replace orange with your social media id whichever you have

That’s it you done your work.

Note: if you don’t have social networks id, remove one that you don’t have.


Post a Comment

Previous Post Next Post

Featured post