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 ▼
i couldnt find last tag tag in my html ...
ReplyDeleteThanks a lot for sharing this!
ReplyDeletethanks bro,,,,,,at last i found..
ReplyDeleteyou can check
www.islamophobia07.blogspot.com
help me please its not working.............sms me
Deletehttps://www.facebook.com/freelancerbd4all
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.
ReplyDeleteShareThis is free to use or not?
ReplyDeletesorry now its working
ReplyDeleteAfter 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;
ReplyDeleteFor me is not working...:(
ReplyDeleteNOT WORKING
ReplyDeletebad code................
ReplyDelete