Page 1 of 6 123 ... LastLast
Results 1 to 10 of 184

Thread: How To Make Facebook Fanpages

Hybrid View

  1. #1
    Junior Member
    Join Date
    Jul 2010
    Posts
    34

    Default How To Make Facebook Fanpages

    You may not get this first try, it took me a while to figure it all out but i will guide you through it the best i can.

    Creating The Page

    You Can Click Here

    or:

    Go to the searchbar at the top and enter "Pages" and click the "Facebook Pages" option. You will be redirected to a series of pages and on the top right hand side there will be a button that says "Create Page" Click That

    You will be brought to a "Create Page" and will have two sides One is "Official Page" and the other is "Community Page" for mine i did a community page because it was easier to make. Basically Enter the name of the page in the box and press "Create Community Page"

    Okay so now your page is created. Now this part varies depending on what you will be doing, im going to show you how to do it for picture links, this will give you the general idea, and you can experiment to achieve what you want.

    First off your going to want to make a custom tab. In order to do that you need to go Here and click "Add to my page" Under the image on the left side. A box will pop up and your page will be displayed. click the "Add to page" button and go back to your page.

    (You can access your page anytime by entering the name of the page in the search bar, or by pressing "Ads and Pages" at the home page)

    Click the "Edit Page" under the picture with the question mark (assuming this is a new page) and scroll down till you see "FBML - FBML. Underneath that you should see "Edit" "Application Settings" and "Remove Application". Press "Application Settings and beside Tab you should see "(add)" click add and click okay

    Now press "Edit" Put the title of the tab in the top, and in the bottom you are going to place your code/information for the tab. These tabs work on HTML and CSS, as well as some facebook commands which can be found by typing in "FBML" into google.

    (Please do not ask me for code, This is something you will need to learn yourself if you want to create more pages. If you need HTML and CSS tutorials go to Tiazag.com and they will give you a crash course.)

    Hiding Content from Fans and Non Fans

    The main part to the fan page is the separation between what fans can see, and what non-fans can see. This is the tricky part and requires some trial and error.

    Any code you want to hide from Non-Fans needs to be surrounded by

    Code:
    <div style="height:300px;">
    <fb:visible-to-connection>
    <---Code Goes Here--->
    </fb:visible-to-connection>
    </div>
    The "300px" needs to be experimented with (through trial and error) in order to fit all your information. This Div is used in the showing of the non-fan content (The larger the number, the more information allowed, the lower the number the less)

    The <fb:visible-to-connection> basically makes that information unaccessable/unviewable by non-fans

    Now in order to tell the person to "Like" your page you need to have text telling them. Copy and paste the following code at the end of your code but BEFORE THE </fb:visible-to-connection> and </div>

    Code:
    <fb:else>
    <h1>
    Press "Like" in order to see the photos!
    </h1>
    </fb:else>
    It should look like:

    Code:
    <fb:else>
    <h1>
    Press "Like" in order to see the photos!
    </h1>
    </fb:else>
    </fb:visible-to-connection>
    </div>
    Now is the most crucial part. After you have done this, there will be a massive white space before the "Press "Like" in order..." and your going to want to eliminate this. in order to do so you are going to want to play with the height on the <div style="height:300px;">

    If you find your information is cut off, make the number bigger. If not then leave it.

    After you have done this copy and paste this at the top of the code:

    Code:
    <style>
    h1 {margin-top:-270px; font-size:25px;}
    </style>
    What this does, is moves the phrase upwards and gets rid of the white space (also it makes the font size bigger) You want to keep the number NEGATIVE so that it moves up the page and not down, and you want to start off with a low number like 50, and slowly raise it until the phrase is in the desired position.

    On the admin account Both fans and non fans data will be displayed so it is okay if they overlap. If you want to test and see if it is working use another account and like, and unlike it to the page.

    If you have any questions feel free to ask, i will be happy to help im just not creating the whole project for you.


    PS: I can add pictures and such, but i have to do that when im at home. So i made a text guide for now. Plus its late xD
    Last edited by SlainTemplar; 07-08-2010 at 11:43 AM.
    Have Facebook? Want to see funny fail pictures? Click Here

  2. #2
    Junior Member
    Join Date
    Jul 2010
    Posts
    34

    Default

    Note: This may be a little out-dated. I plan on updating this when i get the chance. kinda stopped with the whole FB thing but I plan on starting again.
    Last edited by SlainTemplar; 10-14-2011 at 05:37 PM.
    Have Facebook? Want to see funny fail pictures? Click Here

  3. #3

    Default

    How do you redirect someone then?

    Like a Hyper link, Something like 'click HERE' And when the person clicks 'HERE' they will be redirected to the images?

  4. #4
    Greatly Respected Member gamingmaster42's Avatar
    Join Date
    Feb 2010
    Location
    in your threads
    Posts
    1,317

    Default

    Quote Originally Posted by Basiit09 View Post
    How do you redirect someone then?

    Like a Hyper link, Something like 'click HERE' And when the person clicks 'HERE' they will be redirected to the images?
    This code:
    HTML Code:
    Click <a href="linkyouwannaberedirected" target="_blank">HERE</a>
    Get some free Bitcoins every hour! http://goo.gl/4XDjQq

  5. #5

    Default

    Hi I tried the guide today but text "like to see pics" doesnt work. Here is the code:
    <style>
    h1 {margin-top:-270px; font-size:25px;}
    </style>
    <div style="height:300px;">
    <fb:visible-to-connection>
    <a href="x" target="_blank">Picture 1</a>
    <a href="x" target="_blank">Picture 2</a>
    <a href="x" target="_blank">Picture 3</a>
    <a href="x" target="_blank">Picture 4</a>
    <a href="x" target="_blank">Picture 5</a>
    <a href="x" target="_blank">Picture 6</a>
    <a href="x" target="_blank">Picture 7</a>
    <a href="x" target="_blank">Picture 8</a>
    <a href="x" target="_blank">Picture 9</a>
    <a href="x" target="_blank">Picture 10</a>
    <fb:else>
    <h1>
    Press "Like" in order to see the photos!
    </h1>
    </fb:else>
    </fb:visible-to-connection>
    </div>
    Can you find what is the problem?
    X means the link

  6. #6
    Junior Member
    Join Date
    Jun 2010
    Posts
    13

    Default

    thanks a ton dude, you really helped me out

  7. #7
    Junior Member
    Join Date
    Jul 2010
    Posts
    34

    Default

    Quote Originally Posted by Heka View Post
    Hi I tried the guide today but text "like to see pics" doesnt work. Here is the code:
    <style>
    h1 {margin-top:-270px; font-size:25px;}
    </style>
    <div style="height:300px;">
    <fb:visible-to-connection>
    <a href="x" target="_blank">Picture 1</a>
    <a href="x" target="_blank">Picture 2</a>
    <a href="x" target="_blank">Picture 3</a>
    <a href="x" target="_blank">Picture 4</a>
    <a href="x" target="_blank">Picture 5</a>
    <a href="x" target="_blank">Picture 6</a>
    <a href="x" target="_blank">Picture 7</a>
    <a href="x" target="_blank">Picture 8</a>
    <a href="x" target="_blank">Picture 9</a>
    <a href="x" target="_blank">Picture 10</a>
    <fb:else>
    <h1>
    Press "Like" in order to see the photos!
    </h1>
    </fb:else>
    </fb:visible-to-connection>
    </div>
    Can you find what is the problem?
    X means the link
    your links should look like this:
    Code:
    <style>
    h1 {margin-top:-130px; font-size:25px;}
    </style>
    <div style="height:300px;">
    <fb:visible-to-connection>
    <a href="x" target="_blank">Picture 1</a></Br>
    <a href="x" target="_blank">Picture 2</a></Br>
    <a href="x" target="_blank">Picture 3</a></Br>
    <a href="x" target="_blank">Picture 4</a></Br>
    <a href="x" target="_blank">Picture 5</a></Br>
    <a href="x" target="_blank">Picture 6</a></Br>
    <a href="x" target="_blank">Picture 7</a></Br>
    <a href="x" target="_blank">Picture 8</a></Br>
    <a href="x" target="_blank">Picture 9</a></Br>
    <a href="x" target="_blank">Picture 10</a></Br>
    <fb:else>
    <h1>
    Press "Like" in order to see the photos!
    </h1>
    </fb:else>
    </fb:visible-to-connection>
    </div>
    you need to use </br> to make each link on a new line, also i would suggest making your links bigger.

    The code i posted is correct to your layout, if you do decide to follow my advice, raise the pixels in "h1 {margin-top:-130px; font-size:25px;}" to make it move up the page

    Also shotterken, this is working code. Enjoy
    Have Facebook? Want to see funny fail pictures? Click Here

  8. #8

  9. #9

    Default

    yeah i got everything figured out for the page but how do connect linkbucks to my page whenever someone clicks on my link? cool guy

  10. #10
    Junior Member
    Join Date
    Jul 2010
    Posts
    34

    Default

    Quote Originally Posted by johnzach92 View Post
    yeah i got everything figured out for the page but how do connect linkbucks to my page whenever someone clicks on my link? cool guy
    like what do you mean? make the link? you create a link with linkbucks. then you do

    <a href="your link here in quotes"> Text displayed here </a>
    Last edited by SlainTemplar; 07-26-2010 at 12:20 AM.
    Have Facebook? Want to see funny fail pictures? Click Here

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •