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

357 Views Asked by Aasim Yaz At 15 December 2014 at 06:01

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>

Original Q&A

There are 1 best solutions below

devajay On 16 December 2014 at 10:02 BEST ANSWER

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/

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

There are 1 best solutions below

Related Questions in JAVASCRIPT

Related Questions in HTML

Related Questions in FBML

Related Questions in XFBML

Trending Questions

Popular # Hahtags

Popular Questions