Skip to main content

How to Add Facebook Like button to your website

The below script adds Facebook Like button to your website despite the scripting language used, so it works with coldfusion, php, jsp, ruby on rails, etc. This implementation is based on Graph API. Also the code below can be used to add Facebook Like Button to wordpress and blogger blogs.

The settings in red can be customized to fit with your website, the code is below:

<iframe 
src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.yourwebsite.com%2F&amp;
layout=standard&amp; 
show_faces=true&amp; 
width=230&amp;
action=like&amp;
colorscheme=light&amp;
height=95
scrolling="no" 
frameborder="0" s
tyle="border:none; 
overflow:hidden; 
width:230px;  
height:95px;" 
allowtransparency="true">
</iframe>

replace www.yourwebsite to your website address.
showfaces is set to true if you want the faces of the people who pressed on like button to appear on the like widget, else set it to false.

The size of the like widget is set based on the height and width arguments.

Please note that you don't need any programming skills to implement this code, just add this code to your web page and it will work.



In case you have any question please comment to this article.


Facebook documentation on this link

Comments

  1. how do you handle this if you would like it to be dynamic?

    ReplyDelete
  2. I made the link a variable (using Cold Fusion to get the URL), it's working.

    ReplyDelete

Post a Comment

Popular posts from this blog

Top Google Adsense Alternatives

Google Adsense is a web tool that allows publishers in the Google Network of content sites to automatically serve text, image, video, and rich media adverts that are targeted to site content and audience. These adverts are administered, sorted, and maintained by Google, and they can generate revenue on either a per-click or per-impression basis.  Google servers advertisers using google adwords platform, while adsense is the publishers platform. Google Adsense is the top Ad Publishers platform over the web ranking number one in web advertising industry. Adsense offers contextual advertisements that covers web sites, blogs, games, videos, mobile browsing etc. What made Google Adsense no. 1 is the reliability, stability, variety of services and large number of publishers including google it self. Also google has a fair platform that detects invalid clicks so google successfully protects its advertisers and also offers its best publishers top CPC. Two reasons are behin...

The Semantic Web

Semantic Web aims to create a meaning and define inter-relationship for information available on the web In the early stages of the World Wide Web (web) it was necessary to develop standards to view web content (HTML language) and to create communication channels (N-Tier applications, email, ftp, etc.). As the web started to be the world’s largest knowledge base, accessible world wide, it became important to develop tools to transfer knowledge between cultures. However, it is still not possible for applications and agents to interoperate with other applications and agents without having a predefined, human created common framework of the meaning of the information being transferred on both sides. Semantic Web (SW) alleviates this problem by providing a common framework that allows data to be shared and reused across application, enterprise, and community boundaries [W3C Semantic Web, 2019]. A clear example on SW application is schema.org. Google, Bing, Yahoo use schema...

Arabs In London

I was not able to watch Arabs in London episodes during the last holy month of Ramadan. I watched it recently on MBC. I was really impressed by the performance of some actors and actresses. The most impressive one was Mais Hamdan who was able to present the Palestinian accent efficiently. This TV series was written and directed by Anwar Qawadri a Syrian director who studied and lived in London. The below video is about 8 minutes show when Sami finds out that his friend Eddy (Adnan) passed away.