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

Post a Comment

 
Top