Add Social Networking Buttons in Blog Sidebar ~ Rathores blog

Trending: Bloggermint Blogger Template

Tuesday 22 January 2013

Add Social Networking Buttons in Blog Sidebar

Do you like this story?

In my previous post, I discussed how to add a floating social media button in a blog. In this post, I will discuss how to add a static social media share buttons on your sidebar directly from the blogger or using codes.

To Add Social Networking Buttons Directly From Blogger

Go go the Dashboard
Layout
Blog Post - Click on Edit
On Configure Blog Posts
Scroll down the page
Click on small box next to Show Share Button

Click on Save.

You are done. Social network buttons will be displayed below each post.

Adding Social Networking Buttons Using Codes on Sidebar

Go to Layout
Add a gadget
Select HTML/Java Script
On Configure Script pop up window
Copy and paste the following code

</div>

http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fdb16d133fdf909"></script>

<!-- AddThis Button END

-->

The social networking button from the above code will look like this;

If you want to show the total number of people who have shared/liked your posts. Use the following code;

<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-504b3a8a674bf05b"></script>

The social networking from the above code will look like this;

Click on Save and view your blog. Make sure you have positioned your gadget on the right place where you want your social networking buttons to be displayed.

"Dont forget to subscribe,join my site for new Games and softwares Updates,and to leave comments!"