Skip to main content

How to add facebook like button to your html website

hi, how are you today


Hi friends! Hope you all fine. Earlier as I shared How to add Twitter Follow button to your HTML website and today I am going to share an mind blowing thing with you guys, I believe it is definitely a requirement of a web developer or organization, to mention on website to increase the list of followers. Today I will show you how you can add a simple facebook like button to your html site, so any one can like your facebook page directly from your website.First I will share with you the code and after that will show you how to edit for different looks of the button.

So I am going to share the code with pic and effects after editing too. What you have to do is simply copy and paste the code to the area where you want to show that button.


CODE of the Facebook Like button
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com/salahtutorials&amp;layout=button_count&amp;show_faces=true&amp;action=like&amp;
colorscheme=light&amp" style="overflow:hidden;width:125px;height:22px;" scrolling="no" frameborder="0" allowTransparency="true"><a id="plugin-fb" href="http://premium-wordpress-themes.org" class="facebook-get-code">premium-wordpress-themes.org</a></iframe>


So above is the code for the facebook page like button that you have to copy paste but before that editing is required. So editing will take place in the red color highlighted area. There you have to mention the extension of your page on facebook page.

Apart this you have another option to change the size of this like button. Simply find  style="overflow:hidden;width:125px;height:22px;" and here you can change the width and height of your button.

So now its up to you what type of look you want to give to your like button but do not forget to change my username with yours and then enjoy it and give a chance to your viewers to like your page directly.

Hope you all like this post and I wish this proves useful to you.
Keep sharing & give your views about post mentioned below the post.
Comments are always welcomed for better improvement.

Thanks :)

Comments

Translate to your language

Popular posts from this blog

Different Stages of I2C communication

Different Stages Of I2C

How to import Pygame in pycharm

hi, how are you today

Working demonstration of UART communication using 2 8051 uController on Proteus with Embedded C code.

Here we are going to use 2 at89c51 uControllers just to understand UART communication in 8051.