Post: How to use Facebook on your own site!
04-14-2011, 12:43 PM #1
<Jimbo>
</Jimbo>
(adsbygoogle = window.adsbygoogle || []).push({});
Well, I have noticed that alot of you have your own sites at the minute! Smile And I've been looking around the developers section on Facebook recently! Smile So here are a few simple things that you could include on your site! :y:


A like button, enabling visitors to like your page, in addition... This will help to spread your site! =D

All that you have to do is include this code into your html and change where it says YOUR_URL to your URL (including https:// and it can include separate pages)...

    <iframe src="https://www.facebook.com/plugins/like.php?href=YOUR_URL"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"><iframe>
That is if you want to use the iframe tags!

However of course you could use xfbml! Smile All that you'd have to do would be include the following code into your html! Smile

    <script src="https://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like></fb:like>
That one will figure out what page it is! Smile

An example of the above can be found You must login or register to view this content. and it will show on the wall of the person who like it like so...
You must login or register to view this content. Obviously they will have to be logged in first! Smile





However you might want people to like your facebook page... This is simple! And there are lots of things you can do to customise your page! Smile
You will have to go
You must login or register to view this content.

here is an example of the code and what it looks like when implimented...
    <iframe src="https://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FChrisTechTV&width=292&colorscheme=light&show_faces=true&stream=true&header=true&height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:427px;" allowTransparency="true"></iframe>
(using iframe tags)

    <script src="https://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/ChrisTechTV" width="292" show_faces="true" stream="true" header="true"></fb:like-box>
(using xfbml)

An example page can be found You must login or register to view this content.! Smile





And lastly, you can add a comment box to your page by grabbing the code from here ! Smile And implimenting it into your html! Smile

Code example:
    <div id="fb-root"></div><script src="https://connect.facebook.net/en_US/all.js#appId=335777222723&xfbml=1"></script><fb:comments href="thejimbo.co.cc/ngu/comment" num_posts="10" width="500"></fb:comments>


An outcome example can be found You must login or register to view this content.! Smile

I will do more tutorials if you would like! =D And of course you can always go and browse the developers section at Facebook by clicking You must login or register to view this content. ! Happy
(adsbygoogle = window.adsbygoogle || []).push({});
04-18-2011, 01:34 PM #2
xDeluxe
Trustworthy Level 3
nice tutorial ill add it to my site and test when i go back to school :y:
04-18-2011, 01:38 PM #3
oToxicity
I’m too L33T
It looks pretty good, Shame I dont have a site to try it on :p

The following user thanked oToxicity for this useful post:

<Jimbo>
04-18-2011, 04:36 PM #4
<Jimbo>
</Jimbo>
haha, If you ever wanted a simple site, I'd set it up free! =D

Originally posted by oToxicity View Post
It looks pretty good, Shame I dont have a site to try it on :p
04-25-2011, 11:16 PM #5
thank you this is awesome Happy (L)
04-26-2011, 12:56 AM #6
<Jimbo>
</Jimbo>
You're welcome TIMO! :love:

Originally posted by thehardcore210 View Post
thank you this is awesome Happy (L)

Copyright © 2026, NextGenUpdate.
All Rights Reserved.

Gray NextGenUpdate Logo