Many website are using social networks to increase the traffic. One way to do is is by featuring all kinds of share button provided by the social website themselves.
Here’s how to create a Social Sidebar that stays pinned to a certain position, just like the one displayed on our website. Gopt ot your theme files and open in any text editor the following files: footer.php and style.css
In footer.php copy + paste the following code which represents the actual social share button
[html]
[/html]
In style.css copy + paste the following code:
[css]
/* CSS Social Share */
#share_sidebar {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); padding: 4px; z-index: 11500; width:64px;text-align:center; margin-right: 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: fixed; left: 50%; top: 335px; margin-left: -580px;}
.share_button { margin-bottom: 8px;}
[/css]
That’s it! Now all you have to do is delete the buttons that you don’t want to display and also adjust the share sidebar position by editing the css atributes top, margin-left and z-index