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?
You can see it worked just fine on my blog, looking forward to hear what you have to say.
Why Would You use this Share buttons?
- It is static
- Show on homepage and post body
- Easy to use!
- will simply increase your traffic
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
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> |
- Click Save
- Okay this is what you need to change in the code.
- Replace "your-URL-Here" with your site url (must start with http://).
- Replace "Your-Logo-URL-here" with your logo url (must start with http://).
- Replace "kulhedtips" with your fan page username.
- 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.
;
