Facebook ON Template

Published on Mar. 6th 2012
3.758 downloads

Features

Ever wished you could have top product features and galleries on Facebook? Well now you can, as the new Facebook ON template is out. Boost your facebook page to an unprecedented level. As its core is a top product viewer with awesome features such as the Multilevel Menu FX, Youtube/Vimeo Player FX, Accordeon News Reader FX, 360 Product Viewer FX, full customisation support and great performance it is the facebook theme to turn your page on and up!

XML Customizable Template

By editing the included configuration xml files you can modify the assets to obtain a brand new and original look for your flash website. Background images and colors, text content, gallery images, navigation buttons are just a few examples of things that you can customize in your template.

Included Flash Components & Galleries:

Installation instructions

1. Download the free package. You need to host all the included files from the package on your own domain because Facebook doesn't allow file hosting.

2. Log in to your Facebook account.

3. Search for the Static HTML: iframe tabs application and select it.

4. Click on Add Static HTML to a page button and you'll be prompted for the page where you want the app to be added.

5. Once added you'll see on the left side menu of your page a new tab with a star icon called Welcome. Click on it to edit it.

6. Add the following HTML embedding code in the text field:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.folderPath = "http://www.yourdomain.com/product_folder/";
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
params.allowScriptAccess = "always";
params.allowFullScreen = "true";
var attributes = {};
swfobject.embedSWF("http://www.yourdomain.com/product_folder/FacebookTemplateFX.swf", "DivFlashComponent", "595", "520", "9.0.0", false, flashvars, params, attributes);
</script>
<div id="DivFlashComponent"></div>

Don't forget to use your own URL for the product's location, name, width and height.

7. Click preview to see how it looks or save changes. The product is now added to the Welcome tab of your page.

8. Optional: To change the tab's name, called by default Welcome, edit your page, go to the Apps tab and clickEdit Settings option next to the Static HTML: iframe tabs application to enter the name you want.

9. Optional: To make the tab your default landing tab (first thing your visitors see on your page) edit your page and go to the Manage Permissions tab and change the Default Landing Tab. Note that this option doesn't work with the new Timeline for pages.

Getting rid of the FlashXML.net label

To remove the FlashXML.net label from the top-left corner you'll need to buy the paid package. Once you do that, simply use the SWF file from the paid package to overwrite the SWF file from the location where you hosted all the files from the free package.

To set the Contact Form you have to edit the send_email.php from pages/contact/ContactForm/assets/script/ folder.

For a comprehensive article about our templates' structure and more customization options, please read this FAQ article.

free package

  • Fully functional, no restrictions

  • Easy to install anywhere

  • XML customizable

  • Watermarked :

DOWNLOAD NOW

Comments

  • Page:
  • <
  • 1
  • ...
  • 3
  • 4
  • 5
  • 6
  • 7
  • >
  • loading comments...

paul ebbers

Posted 2 years ago

Hi again, I also tried everything, but I can’t seem it to get to work. Tried several options with the path name. How can you help me to get this to work?

<script type=“text/javascript” src=“http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js”></script>
<script type=“text/javascript”>
var flashvars = {}; flashvars.folderPath = “http://www.ebberreclame.nl/www/facebook/index.html”;
var params = {};
params.scale = “noscale”;
params.salign = “tl”;
params.wmode = “transparent”;
params.allowScriptAccess = “always”;
params.allowFullScreen = “true”;
var attributes = {}; swfobject.embedSWF(“http://www.ebbersreclame.nl/www/facebook/TemplateFX.swf”, “DivFlashComponent”, “595”, “520”, “9.0.0”, false, flashvars, params, attributes);
</script>
<div id=“DivFlashComponent”></div>

Jerry Hollon

Posted 2 years ago

I have built my facebook page site…..Thank-You, it’s absolutely gorgeous, and quite professional looking- Definitely bleeding edge stuff I think.
Problem is, I cant get it to work in Facebook.
The instructions are very straight forward….I copy the code above into the HTML content area…
I change the domain to my own and point to the product folder where the index.html is located (both places)
Heck I’ve even done this on my Facebook fan page before with a simple webpage….
I was really looking forward to this, because the last page I did was totally lame…
But for the life of me, I click preview and nothin
You goto my domain and the the little flash site displayed perfectly…..Damn It’s awesome!
Please guys is there some common mistake folk make on the Facebook side that I may be making?
I really want this on my Deaf Jamz fan page….
See for yourself that it works great- http://www.deaflog.com/fbsite/index.html

FlashXML Support

Hi,

Please provide the facebook page where you are trying to add the template.

Juan Aldaz

Posted 2 years ago

Hi there, I have 2questions:

Do you have a more detailed GuideBook, step-by-step? or something that explain better the code? I wasn´t able to make this code work
(http://www.avastcolombia.com/avastcol/landing.swf)

#2. What will happen to the fanpage once the announcd by FB changes take effect?

Thanks in advance for your kind attention,

Juan Jose

FlashXML Support

Hi,

1. Unfortunately we don’t have any specific instructions. Please inform us where you have problems and we will try to help you.
2. Once you have Timeline installed, you can’t use the product on the first page anymore, but you can access the product in a box like Friends, Photos etc.

Sophie

Posted 2 years ago

Hey again, I don’t know how to find the path to the folder? what should I put in it? please help. thanks

FlashXML Support

Hi,

Please send to support [at] flashxml.net the login details to your FTP and we will check what is the correct path.

nurkan

Posted 2 years ago

hi menu text has a text coding problem. i cant use some of turkish text characters like, ş and ğ.
also menu xml encoding utf-8

<?xml version=“1.0” encoding=“utf-8” ?>
<data> <item action=“pages/home”><![CDATA[<mainmenu>Anasayfa</mainmenu>]]></item> <item action=“pages/about”><![CDATA[<mainmenu>Hakkımızda</mainmenu>]]></item> <item action=“pages/photo”><![CDATA[<mainmenu>Galeri</mainmenu>]]></item> <item action=“pages/contact”><![CDATA[<mainmenu>İletişim</mainmenu>]]></item>
</data>

FlashXML Support

You can use the characters you want if you edit the navigation_settings.xml file and change the value of embedFonts to false.

  • loading comments...
  • Page:
  • <
  • 1
  • ...
  • 3
  • 4
  • 5
  • 6
  • 7
  • >

Do you have a question?

you will get an answer in 24 hours, tops.

(required) Only alphanumeric characters allowed
(required) (will not be published)
Please type a message! Your message is too long! Either try to keep within 1500 characters, or contact our support team via email at support [at] flashxml.net.
(will not be published)
You mistyped the two words!
Can't read? Change the image
Format your comments using Textile: *bold*, _italic_, "link text":address, @code@
Connect to us on Facebook Follow us on Twitter Subscribe to our RSS feed
Copyright © FlashXML.net 2009 - 2014