Hate to beat this to death BUT I cannot get either a button or box to work! I prefer to use both since a Box is far more useful than a button. I plan to put a Box at the top of each page and buttons by images and certain paragraphs of text throughout places on pages as well.
Using VSD I placed the code via the Add HTML box and then on my page. The greyed out frame appears on the page as it should. Then save the site and upload it to server and the rest of the site looks fine. The test page field is blank. I have viewed the test page in IE8 as well as my preferred FF 20.0.1 (the latest version). After publishing, when viewing the code for the page I cannot find Facebook stuff anywhere!
Here's the details.
Built a special web page for my site to test with at:
http://www.beaconinspectionservices.com … xTest.html The field is blank so there should be nothing to interfere with the LIKE codes or images:
From the Facebook Developers site, the ifame code for a LIKE Button for me is: <iframe src="http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBeacon-Inspection-Services-LLC%2F193259896516&send=false&layout=standard&width=450&show_faces=true&font&colorscheme=light&action=like&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
The iFrame code for a LIKE Box is: <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBeacon-Inspection-Services-LLC%2F193259896516&width=292&height=590&show_faces=true&colorscheme=light&stream=true&border_color&header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:590px;" allowTransparency="true"></iframe>
Whad'ya think?