Pages

Saturday, July 21, 2012

Floating Social Media Buttons from ShareThis.com


I found a different style of a floating social media button 3 days ago from ShareThis, so I updated all my blogsites. But then today, I realized to switch back to my old floating social media buttons. So I have to note this one, in case in the future I wanna use this floating social media button style again. There more choices of styles available at ShareThis.com. You can register to that website and pick your Floating Social Media Button style.





Steps on how to add this style of a floating social media buttons on a blog page

- Go to Design > Layout
- Click Add A Gadget. (Header and Footer)

- In Add A Gadget window, select HTML/Javascript .
- Copy the code below and paste it inside the content box.
- Save the gadget.
- Click Save button on upper right corner.


Copy and Paste this Code on the Header Part:
<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>


Copy and Paste this Code on the Footer Part:
<script>
var options={ "publisher": "6a52b69d-0907-4353-b10f-a86520f6e11a", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>


Reference:
http://sharethis.com/publishers/get-sharing-tools


No comments:

Post a Comment