How to Add Floating Social Share Buttons to Blogger Posts?


Add Floating Social Share Buttons to Blogger

SEO plays an important role in getting real organic traffic to your website or blog posts from SERPs but how about getting direct inorganic traffic to your blog? Yes that can be done by content marketing and what could be better than social media sharing. If you don't have social share buttons to your blog then you are missing a bunch of inorganic traffic so in this post I will tell you how to add floating social share buttons to your blogger posts because this widget stays on the side of your page and follows the reader as he scrolls through the post. This is a great way to promote content sharing. Isn't it?

 For this purpose we will use AddThis the best website widgets providing platform. It's very simple and easy to use. Just generate the code and paste it onto your website. Since we only share blogger related posts so I will only show you the way how to do it in Blogger.

Now let's get to the work and follow the easiest way to embed floating social share buttons to your blogger posts.

How to generate code using AddThis:


For generating the code follow the simple steps given below:
  • Visit AddThis in your browser.
  • Scroll through the page and select the required button by clicking Activate. (In our case this is a floating bar.)
  •  Register your account and Sign In.
  • You will see like this page below, click on Continue.
    Add Floating Social Share Buttons to Blogger
  • Now position the widget where you want it to appear on your blog!
  • Select which social media buttons you want from Select Your Own option.
    Add Floating Social Share Buttons to Blogger
  • Now click on Design and change the style and mobile button size for your widget. You can also change the color of widget.
    Add Floating Social Share Buttons to Blogger
  • Now come back and click on Advanced Options.  This is the most important part for this floating social share button widget to appear on your blog. Under Hide On Specific Pages check hide on homepage and put URLs of all your blog pages where you don't want the share button to appear. (For example: www.example.com/search/*)
    Add Floating Social Share Buttons to Blogger
  • Click on 'Save and Continue'.
  • After that a JavaScript code will be generated just copy that in your clipboard!
    Add Floating Social Share Buttons to Blogger

 Add floating social share button in Blogger:


As you have generated the code using AddThis, now you have to paste this code into your blogger template to make it working. For that follow the steps below:
  • Go to your Blogger account and click on Theme in your dashboard.
  • Backup your template.
  • Now click on Edit HTML 
  • Press Ctrl+F on your keyboard and a search box will appear on top right corner.
  • Search for closing </body> tag in the box and paste the copied code just above the closing </body> tag.

    Add Floating Social Share Buttons to Blogger
  • Save your template and you are done! 

Enjoyed adding floating social share buttons to your blogger posts? Subscribe us and never miss our single update by keep checking out amazing tutorials of TopEarningBoy.com 

No comments:

Powered by Blogger.