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 != "item"'> <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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> Code (markup):
Try this <b:if cond='data:blog.pageType != "item"'> <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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></td></tr></table></b:if> Code (markup):
Thank you for the reply. It didn't work. I am attaching a pic to how it looked. Any other ideas? http://i46.tinypic.com/n6dcp0.png