Facebook Like Box

Hi all, I have created a cool little “Like” box for my site that i’m quite happy with, however I appear to have a lot of white space that im not keen on and hoped that someone may be able to help. I’m guessing I need to wrap the iframe with heigh and width but not sure what code to use with the iframe. I am happy for you all to use the code on your website just change the bold text to your facebook page.



Simply go to Admin>Design>Blocks>Add Block>Block Content:Special"HTML Block"


<iframe title="http://www.facebook.com/<b>yourFBpage</b>" src="https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<b>yourFBpage</b>&width=170&colorscheme=light&show_faces=false&stream=false&header=true&height=61" scrolling="no" frameborder="0" allowTransparency="true" class="facebook1" onMouseOver="this.style.background='url(/images/facebook1.jpg) no-repeat';"<br />
onMouseOut="this.style.background='url(/images/facebook.jpg) no-repeat';"></iframe>
```<br />
<br />
Any help would be greatly appreciated.<br />
<br />
Thanks<p><a href="127.0.0.1/uploads/monthly_06_2011/post-4770-13081580239598.jpg">facebook.jpg</a></p><p><a href="127.0.0.1/uploads/monthly_06_2011/post-4770-13081580239679.jpg">facebook1.jpg</a></p>

Wrap it in a div and style the div with the padding/margins you want (if any).

Thank you tbirnseth, I am now just wondering how to get the facebook.jpg image to appear on the page without having to roll over it with the mouse for the first time. :S

Depends on what you have defined for the class ‘facebook1’. What does firebug tell you?

this is the HMTL copy from Firebug

[QUOTE]

[/QUOTE]

put it in ‘code’ tags, not ‘quote’ tags so it comes out somewhat readablle. Don’t have the time to mentally parse out a running glob of obscure html code.





Sorry

I am trying to add the Facebook Like Box to my site, when I paste the iframe code from Facebook or from the first post in this thread into the HTML block using the 'HTML Editor', CS-Cart strips all the code out.



How can I prevent this? Did you get the Facebook Like Box working on your site?

[quote name=‘StellarBytes’ timestamp=‘1320749817’ post=‘125565’]

I am trying to add the Facebook Like Box to my site, when I paste the iframe code from Facebook or from the first post in this thread into the HTML block using the ‘HTML Editor’, CS-Cart strips all the code out.



How can I prevent this? Did you get the Facebook Like Box working on your site?

[/quote]

Install the Facebook Addon, it works just fine on the latest version (2.2.3):