Add share buttons to blogger posts

Posted by: Dapinder Singh on 5/26/2013 Categories: |

Share buttons are one of the popular blogger widgets. There are various types of share buttons are available for blogger platform. Most popular types of share buttons are floating share buttons and the under the post share buttons. This post is about adding  new  amazing slide out share buttons under the posts in your blogger blog. These share buttons are provided by Shareaholic Website. These buttons are very attractive in design. When user hovers mouse over them, they slide out of your blog`s surface by creating a beautiful effect.

 

Share buttons for blogger posts

 

Purpose of adding share buttons to your blog

Share buttons allows your blog visitors to share your blog articles on their social networks like Facebook, Twitter, LinkedIn, Google+ etc. In this way these buttons helps in spreading your voice over millions of people over the internet. They also helps in increasing traffic and popularity  of your blog. If you do not have share buttons installed on your blog till now then you must install these buttons because you are losing your valuable social network traffic without these buttons.

 

Features of ShareaHolic Share buttons

As we told earlier these buttons are provided by ShareaHolic website . These Share buttons are loaded with lots of features. You can share your blog content in a single click of mouse by using these buttons. They are very lightweight so they do not effect loading speed of your blog. The main feature of this widget is that you can share your content to hundreds of social networks right from your blog.

 

Getting code for share buttons from shareaholic website

  • Visit Shareaholic website.
  • Click Shareaholic for your blog option.

Shareaholic share buttons for blogger

 

  • At next page Select Share buttons option.

Add share buttons to blogger posts

 

  • Now select Sign up to get free share buttons option.

Sign up for share buttons

 

  • Enter your Email address and Password and click on Create your account option.

 

Sign up a shareaholic

 

  • At next page fill your website address and name in the given boxes.
  • Click Continue option.
  • Share buttons configuration screen will open.
  • Fill the name of your application in given field.
  • Configure your share buttons according to your choice.
  • Select your required social services for your share buttons.
  • After customizing the share buttons click on Save settings option.

Get share buttons code

 

 

  • After clicking Save settings option. Final code for the share buttons will appear in pop up box.
  • This final Code will appear in  two parts.

 

Code for share buttons

Adding Share buttons below posts in your blogger blog

  • Open your blogger dashboard.
  • Select your blog.
  • Select Template option.
  • Click Edit HTML option.
  • Copy the upper portion of the final code which contains script of the share buttons.
  • Paste this code just above </head> in the template code of your blog.
  • Now copy the Second portion of the code.
  • Paste this code just below the <data:post.body/>
  • Save the template and you are done.
  • Now share buttons will appear below the posts in your blogger blog.

Windroidclub © 2014. All Rights Reserved | Powered by-Blogger

Designed by-Windroidclub Themes