How to add custom Social Share Buttons to a Blogger

Social sharing buttons are very important for any type of website and it's an excellent way for you to gain new leads.
 
Social media is a great platform for driving traffic to your website. Through social media you can reach large number of audiences worldwide. It's also helps you build your brand because there are millions of people using social media platforms and it's a good way to reach a large number of people but your content should be good so that you can attract your audience click on the link.

Social Media Buttons


Blogger already provide us social share buttons options but most of viewers don't know where is it and we have limited options in default social share buttons. Social share buttons should be directly visible to viewers so that if they like the content they can share it easily.

We have many websites like sharethis, addtoany or elfsight that provide us option to install social share buttons and the process is almost same but installing AddThis tools on your Blogger website is simple and I am already using it in my blogger. 

In this tutorial, I will guide you how to use it in blogger step by step with graphics.

Step 1: Get the code from AddThis website

Create an Addthis account if you haven't already or login to your dashboard.

AddThis Create Account


- After creating account you need to select the tool for this just click on Share Buttons. 


AddThis Setup Step 2


- After click on share buttons select a Tool Type page will open here you can select any type according to your requirement. After that Click on Continue button. 


AddThis Select Tool Type


- After click on continue button next screen will be open same as below screenshot. Here you can pick buttons according to your need, change Floating type buttons position, change buttons design or many more other settings. If you don't want to change anything just click on Activate Tool button.   


AddThis Activation



After click on Activate Tool button Get the Code page will be open. Scroll down to the page and grab your unique code snippet under the HTML Website tab, this code you need to paste on your blogger site.


AddThis Get the Code


Step 2: Add code in blogger 

Login to your Blogger site and click Layout in the left side navigation bar.

- Click on any of the Add a Gadget links within the layout.


Blogger Layout Screen



- Choose the HTML/JavaScript gadget from the list.

- Paste the code snippet that you copied earlier from your AddThis dashboard into the content section of the gadget and click on save button.

Add AddThis Code to Blogger


That's it now you should see your AddThis tool(s) appearing on your blogger. If you have any question or query please let me know through comments. Thanks!


Post a comment

3 Comments

  1. Very useful article, thanks for sharing this post !!!

    ReplyDelete
  2. Thanks for sharing such, post really helpful. I have also used this add this sharing tool.

    ReplyDelete
  3. Very informative article. Rahul Director at www.webhostingoffer.org

    ReplyDelete