View Single Post
  #1  
Old 08-29-2011, 03:02 AM
mmafight mmafight is offline
Registered User
Genesis Member
 
Join Date: May 2009
Posts: 97
Default Aligning Social Media Icons Under Thumbnails (posts)

Hello everyone, please refer everything below to my website MMAFight.com...

I needed some help on implementing the following code from ShareThis.com to my homepage. Under each of my thumbnails for each post (both columns at the top)- I have a F-share, Tweet, E-mail button. I want to switch that to Tweet, F-Like and Google +1. The following code is what I have now which keeps it in a straight line right under each thumbnail post:

Code:
<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td style="text-align: center; vertical-align: middle;"><span class="st_facebook_button" st_title='<?php the_title(); ?>' st_url='<?php the_permalink(); ?>'  displayText="Facebook"></span></td>
      <td style="text-align: center; vertical-align: middle;"><span   class="st_twitter_button" st_title='<?php the_title(); ?>' st_url='<?php the_permalink(); ?>' displayText="Tweet"></span></td>
      <td style="text-align: center; vertical-align: middle;"><span   class="st_email_button" st_title='<?php the_title(); ?>' st_url='<?php the_permalink(); ?>' displayText="Email"></span></td>
      <td style="text-align: right; vertical-align: middle;"><a href="<?php the_permalink() ?>#comments"   rel="bookmark"><span class="comments"><?php   comments_number('0', '1', '%'); ?></span></a></td>
    </tr>
  </tbody>
</table>
This is what ShareThis.com tells me to use for what I want (Tweet, F-Like, Google +1)- New coding:

New Button Code:
Code:
<span  class='st_twitter_button' displayText='Tweet'></span><span  class='st_fblike_hcount' ></span><span  class='st_plusone_button' ></span>

Script Tag to put in Header:
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">stLight.options({publisher:'898aa522-a0d2-498a-b8b6-e66c995c31f5'});</script>
If someone can help me put in the new code correctly. Everytime I put it, it messes up the entire page. Notice that I want to put it in both columns at the top and the bottom piece as well (UFC Chicks).

Thanks in advance guys.