Web-Design web-design Google, Twitter and Facebook.: Facebook Like Button on Google Site

Thursday, January 13, 2011

Facebook Like Button on Google Site

This is the time of social media, when tweets and facebook rule so I definately needed to incorporate the much needed "like" button from facebook that seems to be such an easy way of associating persons that like a product or company, with their own facebook account.

With google sites, this couldnt have been an easier process

All I had to do was the following

1. "edit the page" that I wanted the like button on.

2. Install a google gadget called "code wrapper"
    Click Insert > More Gadgets > Type in the name of the Gadget

3. Paste the following facebook code inside it

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="PLACE URL OF YOUR FACEBOOK PAGE HERE" width="292" show_faces="true" stream="true" header="true"></fb:like-box>

Then just click OK and you're all done.

NB: This is not just the facebook like button but a facebook like box, so it comes with streaming information.
If you however dont want all that information to be seen, I would suggest you adjust the properties of the gadget itself to be something like width : 292 and height: 64 pixels.

That pretty much is it.


Post a Comment