Comments on: How To Make A Friendly Facebook Like Button

By: Joe

Joe — Wed, 11 Jan 2012 18:56:52 +0000

The width always breaks my sites. Why does it have to be 450 wide from Facebook’s api?

By: Homer Altmark

Homer Altmark — Sun, 23 Oct 2011 20:04:52 +0000

Hey! I only desired to say your weblog has definitely been helpful to me and I thank you for your time and work working on it. Superior Luck!

By: Mike Boyce

Mike Boyce — Tue, 18 Oct 2011 06:32:55 +0000

This works great! Can it be modified to work with the Comments plugin?

By: top hat

top hat — Mon, 03 Oct 2011 10:52:31 +0000

Is it possible to hide the part the says “Be the first of your friends to like this.”?

By: Optikool

Optikool — Thu, 29 Sep 2011 20:45:13 +0000

Sorry left out the link…

var fbURL = "//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.mysite.com%2Fjobs%2F&send=false&layout=button_count&width=120&show_faces=false&action=like&colorscheme=light&font&height=21";


	jQuery(document).ready(function($) {

		$('.like_button_a_link').live('click', function() {

			var container = $(this).parent();

			var w = 120;

			var h = 27;

			fbFrame = document.createElement("IFRAME");

			fbFrame.setAttribute("src", fbURL);

			fbFrame.setAttribute("scrolling", "no");

			fbFrame.setAttribute("frameBorder", 0);

			fbFrame.setAttribute("allowTransparency", true);

			fbFrame.style.border = "none";

			fbFrame.style.overflow = "hidden";

			fbFrame.style.width = w;

			fbFrame.style.height = h;

			$(this).parent().empty().html(fbFrame);

		});

	});

By: Optikool

Optikool — Thu, 29 Sep 2011 20:44:01 +0000

Hi I’m using a modified version of your script to get the Facebook Like button to show up in a Shadowbox popup. I have it working as expected, however, when I switch the layout from standard to button_count, I’m still seeing the standard layout. Do you get the same result if you did the same? The reason I switch to button_count is because I don’t want to show the text of the standard layout, only the number of likes. Here is my code…

jQuery(document).ready(function($) { $('.like_button_a_link').live('click', function() { var w = 120; var h = 27; fbFrame = document.createElement("IFRAME"); fbFrame.setAttribute("src", fbURL); fbFrame.setAttribute("scrolling", "no"); fbFrame.setAttribute("frameBorder", 0); fbFrame.setAttribute("allowTransparency", true); fbFrame.style.border = "none"; fbFrame.style.overflow = "hidden"; fbFrame.style.width = w; fbFrame.style.height = h; $(this).parent().empty().html(fbFrame); }); });

By: Tom

Tom — Tue, 20 Sep 2011 12:04:00 +0000

I tried this and it turned in to ‘like’ button after clicking on the button.In above example, where it says “Try it” that button also gets turned in to button with text “like” after clicking the button.

By: Dorian

Dorian — Sun, 18 Sep 2011 19:42:17 +0000

@Hannah: That’s right, you have to paste it into every single page. I always wanted to make a WordPress Plugin for this but never found the time. But you can check out the link from ragtek above. It’s a similar project from a german tech magazine, built as a WordPress plugin. Here’s the english translation of the instructions:
http://translate.google.com/translate?sl=auto&tl=en&js=n&prev=_t&hl=en&ie=UTF-8&layout=2&eotf=1&u=http%3A%2F%2Fwww.heise.de%2Fextras%2Fsocialshareprivacy%2F

By: Hannah

Hannah — Sat, 17 Sep 2011 17:11:01 +0000

did I understand it right, that I have to implement the html code on every page where I want the button to appear?

is this available as a wordpress plugin?

I don’t know how to program with html to make my own plugin, unfortunatelly, and as far as I understood the simple free account doesn’t let me do much html coding anyway?

I just figured out that I can switch from visual to html mode and thus are more flexible when inserting pictures into my posts… but I wouldn’t want to insert a like button there every single time…

anyway, thanks for your attention!

By: Online Reputation Management

Online Reputation Management — Wed, 07 Sep 2011 10:48:18 +0000

Really, you did well and every one can understand this code from post due to each steps are easy to understand and can i apply this code on other blog site like wordpress and blogger etc.keep sharing more this kind information..