Add A Static Share Buttons Below Your Blog Post and Homepage

I have used many share buttons before, but since I redesigned my blog; I’ve removed all the share buttons and add one set of share buttons below my posts, I recently discovered that it will be good if I can have some share buttons on my homepage but am very selective, here is what I want, I want a set of share buttons that will cover all many major social media like Facebook, Twitter, LinkedIn, Pinterest, StumbleUpon, Technorati, reddit, and some other one. If you also want this kind of share buttons that will show on homepage and post body without conflicting with other existing share buttons, then you just need to follow these easy steps.


 Why Would You use this Share buttons?
  1. It is static
  2. Show on homepage and post body
  3. Easy to use!
  4. will simply increase your traffic
 Must Read: How To Install Comment Luv Plugin on Blogger

 I want a set of share buttons that will cover all many major social media like Facebook, Twitter, LinkedIn, Pinterest, StumbleUpon, Technorati, reddit, and some other one. If you also want this kind of share buttons that will show on homepage and post body without conflicting with other existing share buttons

Login to your blogger
Click on template
Click on edit html
Search for <head> (Cltr + F)
Paste this code



<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" src="http://s.sharethis.com/loader.js"></script>

Now search for </body> (Cltr + F)

Paste this code just above it




<script type="text/javascript">stLight.options({publisher: "ur-5a901e24-a7fa-ca89-610f-70eef313f654", doNotHash: false, doNotCopy: false, hashAddressBar: true});</script>
<script>
var options={ "publisher": "ur-5a901e24-a7fa-ca89-610f-70eef313f654", "logo": { "visible": true, "url": "Your-URL-Here", "img": "Your-Logo-URL-Here", "height": 40}, "ad": { "visible": false, "openDelay": "5", "closeDelay": "0"}, "livestream": { "domain": "", "type": "sharethis"}, "ticker": { "visible": false, "domain": "", "title": "", "type": "sharethis"}, "facebook": { "visible": false, "profile": "sharethis"}, "fblike": { "visible": true, "url": "www.facebook.com/kulhead"}, "twitter": { "visible": false, "user": "sharethis"}, "twfollow": { "visible": true, "url": "www.twitter.com/kulhead"}, "custom": [{ "visible": false, "title": "Custom 1", "url": "", "img": "", "popup": false, "popupCustom": { "width": 300, "height": 250}}, { "visible": false, "title": "Custom 2", "url": "", "img": "", "popup": false, "popupCustom": { "width": 300, "height": 250}}, { "visible": false, "title": "Custom 3", "url": "", "img": "", "popup": false, "popupCustom": { "width": 300, "height": 250}}], "chicklets": { "items": ["facebook", "delicious", "stumbleupon", "technorati", "googleplus", "reddit", "twitter", "digg", "linkedin", "pinterest", "email"]}};
var st_bar_widget = new sharethis.widgets.sharebar(options);
</script>
 











  1. Click Save
  2. Okay this is what you need to change in the code.
  3. Replace "your-URL-Here" with your site url (must start with http://).
  4. Replace "Your-Logo-URL-here" with your logo url (must start with http://).
  5. Replace "kulhedtips" with your fan page username.
  6. Replace "kulhead" with your twitter username).
Make sure to backup your template before inserting these codes in case any thing goes wrong !

You can see it worked just fine on my blog, looking forward to hear what you have to say.

;

Subscribe Us

Get Free Email Daily Updates!

Follow us!