Adding a Facebook like button to my markup using iframe document not working

Question

I tried my possible best to make it work but I couldn't.

This is what I did.

follow the instructions on https://developers.facebook.com/docs/plugins/like-button
copy and paste my iframe tag to my test.html file inside the <body>.

horiyang is the name of the facebook.

<!DOCTYPE HTML>
<html>
<body>
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Ffacebook.com%2Fhoriyahng%2F&amp;width=200x200&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200x200px; height:80px;" allowTransparency="true"></iframe>
</body>
</html>

Could you please add the code that you have in your test.html page in your question? — w3shivers, Dec 15 '14 at 08:05
Are you loading the test page from file://? If so, try loading the page from a server. — dbcb, Dec 15 '14 at 08:10

devajay · Accepted Answer · 2014-12-16T12:59:40.713

-1

please add https: before // in your iframe tag like this

<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Ffacebook.com%2Fhoriyahng%2F&amp;width=200&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:80px;" allowTransparency="true"></iframe>

This is fiddle link where your box is working check it. http://jsfiddle.net/u5Lgeg5e/

edited Dec 16 '14 at 12:59

answered Dec 16 '14 at 10:02

devajay

399
4
12

No, that is [correct syntax](http://stackoverflow.com/q/4831741/505649) to keep the protocol of the initial page. – Ulrich Schwarz Dec 16 '14 at 10:05
See your width element value ... This is also showing wrong value ... Check this – devajay Dec 16 '14 at 12:59

Adding a Facebook like button to my markup using iframe document not working

1 Answers1