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.

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.

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

- 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. 

- 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.   

- 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.

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.

- 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.

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!