How To Add Social Media Float Icons in Sidebar For Thesis Theme?

     

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.

Add Floating Social Buttons In Thesis WordPress Theme
Snapshot of Floating Social Buttons In My Thesis WordPress Theme

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 {
background:transparent;
bottom:50px;
left:30px;
position:fixed;
padding:5px 1px;

}
#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:

  1. How to add Social Media Icons below Post title in Thesis?
  2. How to add Google Adsense Link Unit Below Navigation Menu In Thesis Theme?
  3. How to Add Google Adsense ads After/Before the Post Title in Thesis Theme?
  4. How to add Pagination in WordPress Thesis Theme?
  5. How to Add Custom Banner Ad in Thesis WordPress Theme Header