Add Horizontal Facebook Share,Tweet And +1 Buttons Just Below Every Blogger Posts - Helper Blogger

Blogger Widgets | Templates | Tutorials

Latest

Monday, 13 February 2012

Add Horizontal Facebook Share,Tweet And +1 Buttons Just Below Every Blogger Posts

Adding social sharing button to your blog  is a most powerful way to increasing page views and traffic on your blog.On almost all blogs you will watch social sharing and social subscribing icons.You can see more social sharing under the label social sharing widgets.In this post I have used Sharethis.com script which is one of the leading bookmarking company,Now let's see how to add social sharing buttons just below of every blogger posts.



For Live Demo See The Bottom Of Post ▼

How To Add This Widget To Blogger ?


  • Go to Blogger Dashboard Design Edit HTML.
  • Download/Backup your template.
  • Now find ]]></b:skin> tag and add below code just above/before ]]></b:skin> tag.

.btsnts-sswidget{
border:1px dashed #000000;
font-size:16px;
font-family:Segoe Print;
font-weight:bold;
padding:10px;
color:#4488dd;

  • Add below code just above/before </head> tag.
<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ur-60399e4-d14-8df8-3a50-76118b149821"}); </script>

  • Now paste below code just after <div class='post-footer'> tag.
<div class="btsnts-sswidget"><span class='st_plusone_hcount' displayText='Google  1'></span>
<span class='st_facebook_hcount' displayText='Facebook'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span>
<span class='st_email_hcount' displayText='Email'></span>
<span class='st_sharethis_hcount' displayText='ShareThis'></span></div>

Now save your template.

Demo ▼



If You Enjoyed This Post Then Please Share It.

11 comments:

  1. i couldnt find last tag tag in my html ...

    ReplyDelete
  2. Thanks a lot for sharing this!

    ReplyDelete
  3. thanks bro,,,,,,at last i found..
    you can check
    www.islamophobia07.blogspot.com

    ReplyDelete
    Replies
    1. help me please its not working.............sms me
      https://www.facebook.com/freelancerbd4all

      Delete
  4. hi admin i use this gadget in my website http://www.software-free24.blogspot.com .but it not show like your. when i take corsor in share button then my website background is cloud. but do not your.

    ReplyDelete
  5. ShareThis is free to use or not?

    ReplyDelete
  6. After I added in all the codes, why does the top of my blogger page have this line showing up on the very top: btsnts-sswidget{ border:1px dashed #000000; font-size:16px; font-family:Segoe Print; font-weight:bold; padding:10px; color:#4488dd;

    ReplyDelete

If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account). PLEASE DO NOT SPAM