How can I get my Facebook 'Share' button and 'Like' button on same line?

Discussion in 'HTML & Website Design' started by pistons125, Jun 5, 2010.

  1. #1
    Alright..so at the bottom of every post in my blog, I have a Facebook 'share' button, and a facebook 'like' button.
    Right now it's like this:
    SHARE BUTTON
    LIKE BUTTON


    I have tried REALLY hard to keep them both on the same line, like this:
    SHARE BUTTON LIKE BUTTON (SAME LINE)

    How can I achieve this? I tried really hard, but I am obviously missing out on something.. Any help?

    Here are the codes I am using:

    
    <div align='right'><b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div style='float:left; margin-right:10px;'><a expr:share_url='data:post.url' name='fb_share' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div></b:if></div>
    
    <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
    Code (markup):
     
    pistons125, Jun 5, 2010 IP
  2. pistons125

    pistons125 Active Member

    Messages:
    184
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    53
    #2
    Any help would be awesome.. I am sure there is someone here who knows more about this stuff than me!
     
    pistons125, Jun 6, 2010 IP
  3. amitash

    amitash Well-Known Member

    Messages:
    399
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    125
    #3
    Try this
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <table><tr><td><a expr:share_url='data:post.url' name='fb_share' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td><td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></td></tr></table></b:if>
    Code (markup):
     
    amitash, Jun 6, 2010 IP
  4. pistons125

    pistons125 Active Member

    Messages:
    184
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    53
    #4
    pistons125, Jun 8, 2010 IP
  5. 24788

    24788 Peon

    Messages:
    529
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #5
    only thing I can think of is increasing the width of it, but I'm not fluent enough with this.
     
    24788, Jun 8, 2010 IP