StudioPress Community Forums
  StudioPress Community Forums > Forums > General Discussion
For help and support, access to your downloads, or to manage your account please log into My StudioPress.

These forums have been set to read-only so you can browse the existing topics for any questions you may have -- and this forum will be removed on July 1st, 2013.

For general discussion on WordPress, CSS and design (NOT for support) visit the new Community Forums.
 
 
Thread Tools Display Modes
Prev Previous Post   Next Post Next
  #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.
 

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Social Media Icons? TyyWard General Discussion 6 03-26-2009 07:21 PM


All times are GMT -5. The time now is 12:52 PM.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.