Search
Search titles only
By:
Search titles only
By:
Log in
Register
Search
Search titles only
By:
Search titles only
By:
Menu
Install the app
Install
Forums
New posts
All threads
Latest threads
New posts
Trending threads
Trending
Search forums
What's new
New posts
New ads
New profile posts
Latest activity
Free Ads
Latest reviews
Search ads
Members
Current visitors
New profile posts
Search profile posts
Contact us
Latest ads
Power Lifting Lever Belt
SkullVamp
Updated:
Saturday at 10:32 PM
Ad icon
port.lk Domain for sale
Lankan-Tech
Updated:
Saturday at 3:55 PM
Colombo
Kaduwela - Two Storey House for Sale
dilrasan
Updated:
Thursday at 2:23 PM
Ad icon
Wechat qr verification
Pawan2005
Updated:
Thursday at 1:28 AM
🚀 GOOGLE AI PRO 18 MONTHS ACTIVATION 🚀
sayuru bandara
Updated:
Jun 10, 2026
Electronics
Vehicles
Property
Search
Reply to thread
Forums
Computers & Internet
Tips & Tricks
Facebook Pages Customizing - tutorial 1
Get the App
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Message
<blockquote data-quote="kumarasiri" data-source="post: 6683889" data-attributes="member: 29174"><p><span style="font-family: 'Verdana'"><span style="font-size: 12px"><strong>Adding a tab to your facebook fan page tutorial 1</strong></span></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'">This will be helpful to you if you are an admin of a facebook fan page. Page ekata aluthen tab ekak daana widiya gana mama liyapu tutorial ekak.. <img src="/styles/default/xenforo/smilies/default/happy.gif" class="smilie" loading="lazy" alt=":)" title="Happy :)" data-shortname=":)" /></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"><a href="http://i46.tinypic.com/2wlu9v5.jpg" target="_blank"><img src="http://i48.tinypic.com/biqb6g.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a> <a href="http://i48.tinypic.com/dy3cbs.jpg" target="_blank"><img src="http://i47.tinypic.com/mt301v.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a> <a href="http://i49.tinypic.com/x0zqfo.jpg" target="_blank"><img src="http://i45.tinypic.com/4ucrw6.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'">There are two ways of adding a custom tab to your page.</span></p><p><span style="font-family: 'Verdana'"></span></p><ol> <li data-xf-list-type="ol"><span style="font-family: 'Verdana'">Using static FBML app</span></li> <li data-xf-list-type="ol"><span style="font-family: 'Verdana'">creating an dedicated facebook app for the page</span></li> </ol><p></p><p><span style="font-family: 'Verdana'"><strong>Using static FBML application</strong></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'">Go to the application <a href="http://www.facebook.com/apps/application.php?id=4949752878" target="_blank">http://www.facebook.com/apps/application.php?id=4949752878</a> and press Add to my page button and select the page or pages you want to add custom tabs. And now the application is installed to your page and you can use it by clicking Edit page button on the page you admin. On the edit page you will find something like FBML - FBML. Press edit button and edit the Box Title: (which will be the tab name) and the FBML: ( use HTML, FBML some Java scripts, FBJS ). This method is good for a simple tab which contains photos, Slide shows (Flickr, Photobucket..),mp3s, videos, links etc. But when you want something more than that, Publishing a story to your wall from your page, adding a comment box to the page, creating a dialog box or sending invitations from the page like they use in facebook applications, you need to create a FB app for the page.</span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"><strong>Facebook application for fan pages</strong></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'">Firstly I have to say that this method is the best way to create a beautiful and attractive fan page. And most of the facebook fan page admins don’t use this method. Always remember that the harder the better.. hikz.. <img src="/styles/default/xenforo/smilies/default/P.gif" class="smilie" loading="lazy" alt=":P" title=":P :P" data-shortname=":P" /></span></p><p><span style="font-family: 'Verdana'">only thing matters on this method is that you need to have a web hosting. Trust me, you can get one for free. (even im using a free hosting for my pages <img src="/styles/default/xenforo/smilies/default/P.gif" class="smilie" loading="lazy" alt=":P" title=":P :P" data-shortname=":P" /> )</span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'">First of all lets take a look at some pages which are using this method.</span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"><a href="http://www.facebook.com/cocacola?v=app_161193133389" target="_blank"><strong>Coca-cola</strong></a></span></p><p><span style="font-family: 'Verdana'"><a href="http://www.facebook.com/twilight?v=app_168637664177" target="_blank"><strong>Twilight</strong></a> </span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'">And my pages </span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"><a href="http://www.facebook.com/boysruletheworld?v=app_286486359472" target="_blank"><strong>Boys rule the world!</strong></a></span></p><p><span style="font-family: 'Verdana'"><a href="http://www.facebook.com/girlsruletheworld?v=app_306838952811" target="_blank"><strong>Girls rule the world!</strong></a></span></p><p><span style="font-family: 'Verdana'"><a href="http://www.facebook.com/soorapappa?v=app_4949752878" target="_blank"><strong>Soora pappa</strong></a></span></p><p><span style="font-family: 'Verdana'"><a href="http://www.facebook.com/send4free?v=app_448832610194" target="_blank"><strong>Send4Free</strong></a></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'">Now lets get started with creating an app on facebook platform. In this tutorial you’ll follow how to build an application for your page</span></p><p><span style="font-family: 'Verdana'">1 st of all go to <a href="http://developers.facebook.com/get_started.php" target="_blank">http://developers.facebook.com/get_started.php</a> and download <a href="http://svn.facebook.com/svnroot/platform/clients/packages/facebook-platform.tar.gz" target="_blank">PHP client library</a> </span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'">Go to your server and upload those files</span></p><p><span style="font-family: 'Verdana'">I used <a href="http://www.110mb.com" target="_blank">www.110mb.com</a> for this. What I care the most is IT’S FREE! lol. We need to set the index.php as the canvas URL of the application (yourdomain.com/facebook-platform/php/index.php) </span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'">Go to <a href="http://www.facebook.com/developers/" target="_blank">http://www.facebook.com/developers/</a> and press Setup a New Application button. Fill the application name and bla bla things.</span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"><img src="http://i48.tinypic.com/2rn7nkw.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"><strong>Authentication Settings</strong></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"><strong>Change Installable to?</strong> tick to facebook pages. So other people will not be able to add this application to their profile and you’ll be able to add it to your own page.</span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"><strong>Canvas</strong></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"><a href="http://i49.tinypic.com/29bn0o4.jpg" target="_blank"><img src="http://i48.tinypic.com/e120ax.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a></span></p><p><span style="font-family: 'Verdana'"><span style="font-size: 10px"><em>Click to zoom</em></span></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'">Set a canvas page name.</span></p><p><span style="font-family: 'Verdana'">Set the canvas callback URL to the index.php</span></p><p><span style="font-family: 'Verdana'">And change <strong>Render method</strong> to FBML</span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"><strong>Profiles</strong></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"><a href="http://i48.tinypic.com/htxziq.jpg" target="_blank"><img src="http://i46.tinypic.com/dz8rux.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a></span></p><p><span style="font-family: 'Verdana'"><span style="font-size: 10px"><em>Click to zoom</em></span></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"><strong>Tab name</strong> Welcome!</span></p><p><span style="font-family: 'Verdana'"><strong>Tab URL</strong> <a href="http://apps.facebook.com/mytestapp/welcome" target="_blank">http://apps.facebook.com/mytestapp/welcome</a></span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'">Now go to index.php and edit it to </span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'">[CODE]<?php</span></p><p><span style="font-family: 'Verdana'">// Copyright 2007 Facebook Corp. All Rights Reserved. </span></p><p><span style="font-family: 'Verdana'">require_once 'facebook.php'; </span></p><p><span style="font-family: 'Verdana'">$appapikey = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';</span></p><p><span style="font-family: 'Verdana'">$appsecret = ' xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ';</span></p><p><span style="font-family: 'Verdana'">$facebook = new Facebook($appapikey, $appsecret);</span></p><p><span style="font-family: 'Verdana'">$user = $facebook->get_loggedin_user(); </span></p><p><span style="font-family: 'Verdana'">$is_logged_out = $user;</span></p><p><span style="font-family: 'Verdana'">?></span></p><p><span style="font-family: 'Verdana'">[/CODE]</span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'">And now!! You are ready to do it… XD</span></p><p><span style="font-family: 'Verdana'"><em>i will post next tutorial "How to use special javascript effects to your page (FBJS)"</em> works with both Static FBML app and your own custom made app</span></p><p><span style="font-family: 'Verdana'"></span></p><p><span style="font-family: 'Verdana'"><a href="http://www.elakiri.com/forum/private.php?do=newpm&u=29174" target="_blank">Send a PM</a> if you need any help</span></p><p><span style="font-family: 'Verdana'"></span></p></blockquote><p></p>
[QUOTE="kumarasiri, post: 6683889, member: 29174"] [FONT="Verdana"][SIZE="3"][B]Adding a tab to your facebook fan page tutorial 1[/B][/SIZE] This will be helpful to you if you are an admin of a facebook fan page. Page ekata aluthen tab ekak daana widiya gana mama liyapu tutorial ekak.. :) [URL="http://i46.tinypic.com/2wlu9v5.jpg"][IMG]http://i48.tinypic.com/biqb6g.jpg[/IMG][/URL] [URL="http://i48.tinypic.com/dy3cbs.jpg"][IMG]http://i47.tinypic.com/mt301v.jpg[/IMG][/URL] [URL="http://i49.tinypic.com/x0zqfo.jpg"][IMG]http://i45.tinypic.com/4ucrw6.jpg[/IMG][/URL] There are two ways of adding a custom tab to your page. [LIST=1] [*]Using static FBML app [*]creating an dedicated facebook app for the page [/LIST] [B]Using static FBML application[/B] Go to the application [url]http://www.facebook.com/apps/application.php?id=4949752878[/url] and press Add to my page button and select the page or pages you want to add custom tabs. And now the application is installed to your page and you can use it by clicking Edit page button on the page you admin. On the edit page you will find something like FBML - FBML. Press edit button and edit the Box Title: (which will be the tab name) and the FBML: ( use HTML, FBML some Java scripts, FBJS ). This method is good for a simple tab which contains photos, Slide shows (Flickr, Photobucket..),mp3s, videos, links etc. But when you want something more than that, Publishing a story to your wall from your page, adding a comment box to the page, creating a dialog box or sending invitations from the page like they use in facebook applications, you need to create a FB app for the page. [B]Facebook application for fan pages[/B] Firstly I have to say that this method is the best way to create a beautiful and attractive fan page. And most of the facebook fan page admins don’t use this method. Always remember that the harder the better.. hikz.. :P only thing matters on this method is that you need to have a web hosting. Trust me, you can get one for free. (even im using a free hosting for my pages :P ) First of all lets take a look at some pages which are using this method. [URL="http://www.facebook.com/cocacola?v=app_161193133389"][B]Coca-cola[/B][/URL] [URL="http://www.facebook.com/twilight?v=app_168637664177"][B]Twilight[/B][/URL] And my pages [URL="http://www.facebook.com/boysruletheworld?v=app_286486359472"][B]Boys rule the world![/B][/URL] [URL="http://www.facebook.com/girlsruletheworld?v=app_306838952811"][B]Girls rule the world![/B][/URL] [URL="http://www.facebook.com/soorapappa?v=app_4949752878"][B]Soora pappa[/B][/URL] [URL="http://www.facebook.com/send4free?v=app_448832610194"][B]Send4Free[/B][/URL] Now lets get started with creating an app on facebook platform. In this tutorial you’ll follow how to build an application for your page 1 st of all go to [url]http://developers.facebook.com/get_started.php[/url] and download [URL="http://svn.facebook.com/svnroot/platform/clients/packages/facebook-platform.tar.gz"]PHP client library[/URL] Go to your server and upload those files I used [url]www.110mb.com[/url] for this. What I care the most is IT’S FREE! lol. We need to set the index.php as the canvas URL of the application (yourdomain.com/facebook-platform/php/index.php) Go to [url]http://www.facebook.com/developers/[/url] and press Setup a New Application button. Fill the application name and bla bla things. [IMG]http://i48.tinypic.com/2rn7nkw.jpg[/IMG] [B]Authentication Settings[/B] [B]Change Installable to?[/B] tick to facebook pages. So other people will not be able to add this application to their profile and you’ll be able to add it to your own page. [B]Canvas[/B] [URL="http://i49.tinypic.com/29bn0o4.jpg"][IMG]http://i48.tinypic.com/e120ax.jpg[/IMG][/URL] [SIZE="2"][I]Click to zoom[/I][/SIZE] Set a canvas page name. Set the canvas callback URL to the index.php And change [B]Render method[/B] to FBML [B]Profiles[/B] [URL="http://i48.tinypic.com/htxziq.jpg"][IMG]http://i46.tinypic.com/dz8rux.jpg[/IMG][/URL] [SIZE="2"][I]Click to zoom[/I][/SIZE] [B]Tab name[/B] Welcome! [B]Tab URL[/B] [url]http://apps.facebook.com/mytestapp/welcome[/url] Now go to index.php and edit it to [CODE]<?php // Copyright 2007 Facebook Corp. All Rights Reserved. require_once 'facebook.php'; $appapikey = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'; $appsecret = ' xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx '; $facebook = new Facebook($appapikey, $appsecret); $user = $facebook->get_loggedin_user(); $is_logged_out = $user; ?> [/CODE] And now!! You are ready to do it… XD [I]i will post next tutorial "How to use special javascript effects to your page (FBJS)"[/I] works with both Static FBML app and your own custom made app [URL="http://www.elakiri.com/forum/private.php?do=newpm&u=29174"]Send a PM[/URL] if you need any help [/FONT] [/QUOTE]
Insert quotes…
Verification
Haya warak paha keeyada? (haya wadi kireema paha)
Post reply
Top
Bottom