How to add Social Share Button to your Blogger Site

This post was last modified .

How to add Social Share Button to your Blogger Site

Adding Share Button to your site is a good idea to expose your creativity to all social media website with ease.


Today I will be teaching you how to integrate floating, inline or static social button icon to your blogger site. The process is very simple.
Social Media Icon

There are two ways you can integrate the Share Button to your sites;

1. Pasting the Snippet code through the Blog Layout

Copy the code snippet below and adds it to any page you want it to appear or paste the snippet code inside the blogger template theme immediately before the body end tag. 

Copy the code before the < /body> end tag.

ESG Blogger Layout


  • Login to your Dashboard 
  • Click on Layout Menu
  • Before the footer click on 'Add a Gadget'
  • Select HTML/Javascript
  • Paste the code 
 <!-- Share Button -->
    <script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5bd4a98a660bda62' type='text/javascript'/>
      <!-- /Share Button -->
  • Save it

2. Pasting the Snippet code inside the Theme Template

I will recommend this stage for you because it helps your site to load faster when you add third-party snippet code just before the body </ body> closing tag.
My reasons; too much of third-party snippet code or script will slow down your site, but when you place your code immediately before the body end tag, your site will load faster because, before other script or snippet load, your site links would have been loaded successfully.

ESG Blogger Theme Layout


Copy the theme above and follow these procedures;

  • Login to your Dashboard 
  • Click on Theme Menu
  • Click on 'Edit HTML'
    ESG Blogger Theme Template Layout
  • Search for the < /body>, or use your keyboard command using Ctrl + F
  • Paste the code immediately before the closing of the body tag as seen in the image above.
 <!-- Share Button -->
    <script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5bd4a98a660bda62' type='text/javascript'/>
      <!-- /Share Button -->
  • Save it

AddThis is Free Website tools such as, Share button, Follow Button, Link Promotion, List Building, and Related Post. It is a website that anchors floating website tools I have been writing about. 

You can take control over the share button and where you want your share button to appear. To take control over your website tools, visit AddThis.com, register as a new user then create your own floating social share button, Related Post, List Building and many more.

This is all it takes to integrate a social share button to your blog. Should there be any suggestion while reading this post, kindly use the comment box. 
Share:

No comments:

Post a Comment