Add social share buttons in blogger - My Widget House

Add social share buttons in blogger - My Widget House

All bloggers either they are blogging for any reason, wants to share their content with others. Although readers are very necessary for any kind of blog or website. And there are very low number of loyal readers who come back directly to web. And we get other readers by sharing our content to social websites. Like Google +, Facebook, Twitter, Pinterest, Instagram and LinkedIn etc.

As the blogger have a default widget below all posts to share that post to social media. But the look of that social share kit is non professional. And as we are pro bloggers, so we will display the pro social share buttons in the blogger.

Today we are going to add two kind of social share buttons in the blogger. As you can see the social share buttons in My Widget House. The two kind of social buttons includes the post share buttons and blog share buttons. In which one is below all posts and other one is on the left side of this blog.

Adding Social Share Buttons In Blogger

To add social share buttons in blogger. We need to follow these simple steps.

Step1

Login to your Blogger Account.

Step 2

Click on the Layout in the Left vertical menu of your dashboard. And then click on the Add a Gadget button link. As shown in the picture below

Step 3

Click on the +  button in from of HTML / JavaScript to add the code in the html.

Step 4

Now copy one of the following code first and add it in the HTML. And repeat the step 2 and 3 if you want to add both social share buttons in blogger.

Post Social Share Buttons Horizontal

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-58b645969a648712"></script>

Blog Social Share Buttons Vertical

<script type="text/template" class="blogger_addtoany_html">
<div class="a2a_kit a2a_kit_size_32 a2a_default_style">
    <a class="a2a_button_facebook"></a>
    <a class="a2a_button_twitter"></a>
    <a class="a2a_button_google_plus"></a>
    <a class="a2a_button_pinterest"></a>
    <a class="a2a_dd" href="https://www.addtoany.com/share"></a>
</div>
</script>
<script async src="https://static.addtoany.com/js/blogger.js"></script>

Now you have entered the both codes in the different HTML boxes. Go to the final step

Step 5

Click on the Save Arrangement on the top menu of Layout page.

Now you have successfully added this great social share widget to your blog. Go to your bog and see the new great widgets in your blog. Please don't forget to leave a comment below if your enjoyed this great widget.