I used to see a Floating Sidebar Social Media Buttons in left side or in right side of any Thesis Theme WordPress Blog.Initially I thought it would be Digg Digg WordPress Plugin,after bit Googling I found out the code to add Floating Social Media buttons in Thesis Theme WordPress blog.
Follow the following steps to add Floating Social Buttons In Thesis Theme :
1.Open your Dashboard go to –>Thesis –>Thesis Custom File Editor–>custom/custom_functions.php.
2.Add the following PHP CODE and paste inside your custom_functions.php.
function Sidebar_social_icons() {
if (is_single()) { ?>
<div id="Sidebar">
<div>
<g:plusone></g:plusone> <br/><script type="text/javascript">
tweetmeme_source = 'shashank_1990';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
<div>
<script>var fbShare = {
url: <?php the_permalink() ?>,
size: 'large',
badge_text: 'fff',
badge_color: '3b5998',
google_analytics: 'true'
}</script>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>
<div>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div>
<script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a></a>
</div>
</div>
<?php }
}
add_action('thesis_hook_before_header', 'Sidebar_social_icons' );3.Make sure you replace Red Colour Text Shashank_1990 by your own Twitter Account.
4.To make Google+ Button working you got to add the following script in starting of Custom_functions.php file,
function google_plus_one_integration() {
?>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<?php
}
add_action('wp_head', 'google_plus_one_integration');5.Now Open Your Custom/Custom.css and add the following CSS code
#Sidebar {padding:5px 1px;
background:transparent;
bottom:50px;
left:30px;
position:fixed;
}#Sidebar .float {padding:5px;}
Click On Save Button.
5.That’s All! Refresh or reload.
You would be able to see Floating Sidebar Social Media Buttons Live in Action in your Thesis WordPress Theme.Do check out our other articles on thesis customization!
Related posts:
- How to add Social Media Icons below Post title in Thesis?
- How to add Google Adsense Link Unit Below Navigation Menu In Thesis Theme?
- How to Add Google Adsense ads After/Before the Post Title in Thesis Theme?
- How to add Pagination in WordPress Thesis Theme?
- How to Add Custom Banner Ad in Thesis WordPress Theme Header


Hi Shashank, Thanks a lot for this knowledge.

BTW: Can you please change the location of the floating social box to the right because it is affecting your content view and that can also annoy readers at times.
Hope you understand…Have a great day
Olawale Daniel@Technology Blogger recently posted..Unofficial Google+ List of Suggested Advanced Users
Dude thanks for your suggestion! COuld you please let me know whats ur screen resolution and width? Actually its working normal on my laptop where screen resolution is 1280×800.Help me out by showing a snapshot of how site looks so that i can proceed and do the required!
Thanks for this! Although I prefer using plugins like Digg Digg or Sharebar for the ease to configure, your method is probably faster to load and you get the satisfaction of running your own code!
icechen1 recently posted..Staying Focused When Working Online
I would like to suggest another plugin…named ‘ Sharebar ‘ It is better than digg digg and aloows us to add custom buttons other than the listed one giving us the power to control it totally.
Tharun | Technostreak.com recently posted..Fed up with New Facebook chat ? Try the Chat Mechanic
Shashank,
Thanks to this tutorial, I will try this on one of my thesis themed blog.
Let me know if any help is needed in adding flotable social buttons in thesis theme!
Nice way to add social media icons floating sidebar in thesis wordpress theme!would surely check out your other thesis customisation blogs.