Page 1

How to set up LikeSpinner Before you start, you are going to need web hosting or an account with a free file hosting site for you to upload your image files and the stylesheets. These files are all hosted by you, external to facebook. To keep things organised, you should upload these into sub-folders for each template. For example, the images for Template one are in the folder ‘t1’. You should create a folder with this name where you are hosting your images and put all of the t1 files in there. This is especially important if you will be hosting multiple templates as some of the images may have the same name and the stylesheets will have the same name. The files you need to upload are all of the images in the zip file template folder and style.css. Take note of the URL for each image and the stylesheet when you upload them. Change the stylesheet and background image Before you upload the stylesheet, open it in your text editor. Look for any lines with These are pointing to background images that are used in the template and will need to be changed to match the URL where you have uploaded your files. For example, if you were setting up your template and uploaded all your files to then you would change all of the references to and so on. To change the background image look for this code: #container{ position: relative; width: 520px; height: 500px; background: url( no-repeat; top: 0px; left: 0px; z-index: 1; } The bold text above needs to be changed to the name of the background image you want to use. Editing the graphical titles etc. I have included all of the PSD files used to create any graphical headers. To change these, open each file in Photoshop (you may need to download the font if it’s not on your system. Photoshop will tell you if you need to do this). Now, just type whatever title you want, go to “Save for web” and give them the same name as the existing demo images. Now upload them to your hosting or wherever you are storing your images and that should be it. Drop me a PM on the Warrior Forum if you are having any problems)

Changing the youtube video template To change the youtube video simply find this code: <fb:swf swfbgcolor="000000" imgstyle="border-width:3px; bordercolor:white;" swfsrc='' imgsrc='' width='450' height='278' /> Change the 1st bold red text to the id of your youtube video. Change the 2nd bold red text to the URL of your video preview image. This is set to a default youtube one at the moment but you can use any image here as long as it has the correct dimensions. Just put in the correct URL of where the image is hosted. Changing the Product Shot template You can have whatever you want in the product shot template but it is aimed at an ebook/product image and then some text. To change this image just find the image name: <div id="ebook"><img src="" /></div> And change ebook.png to your filename. To change the text just change the “Lorem Ipsum” placeholder text to whatever you want. Changing the viral links in the header

The Toggle Links button toggles the ‘liked’ content and I would advise that you leave it as is. The “Visit my website” button is in this line of code: <a href="" target="_new" class="tabnav"><img src="" border="0" /></a> You can change this to go to your external website. Likewise for the CPA offer button which is in this code: <a href="#" class="tabnav" target="_new"><img src="" border="0" /></a>

Changing the link to your free gift download To set up your product or ebook to download, find this code: <div id="downloadgift"><a href=""><img src="" border="0"></a></div> You need to change the text in bold to your link. Changing the “Get More Free Stuff” opt-in This is the button that opens your opt-in. At the moment it is set-up for aweber. <input type="hidden" name="meta_web_form_id" value="0123456789"> <input type="hidden" name="meta_split_id" value=""> <input type="hidden" name="unit" value="YourListName"> <input type="hidden" name="redirect" value=""> <input type="hidden" name="meta_adtracking" value=""> <input type="hidden" name="meta_message" value="1"> <input type="hidden" name="meta_required" value="from"> <input type="hidden" name="meta_forward_vars" value="0"> The code above will need to be replaced by your own aweber opt-in code. This can also be easily used with MailChimp and GetResponse. If you want to use one of these autoresponders please email me ( for detailed instructions and a code sample specific to your own opt-in account. I’m going with this option to avoid any problems that might happen on your live fan page. Changing Sidebar Profile Image To change the profile pic all you need to do is login to your facebook account, go to your profile, hover over the image and select “change picture” then browse to s1, s2, s3 or s4 in the image folder (or whatever image you have made) and upload it. The PSD source file for the sidebar is called sidebar.psd and this is where you can modify the sidebar pic. To use the current image all you need to do is change the text and the ebook then “save for web” then upload it to facebook.

Changing the “Share With Friends” content This section is constrained by facebook in terms of layout but you have a custom link, image and text. To change these find the following code: <!-- share button--> <div id="share"> <fb:share-button class="meta"> <meta name="title" content="Your Title"/> <meta name="description" content="This is where you put your message"/> <link rel="image_src" href=""/> <link rel="target_url" href=""/> </fb:share-button> </div> <!--end share button--> Change the code as follows: Orange text: Your description Green text: share box title Red text: image that’s shown to the left Blue text: link to where the ‘share’ will send people.

Set up the facebook page and FBML app Now, you need to set up a facebook fan page 1. Go to: for all the info you’ll need on pages. Scroll down to see step-by-step instructions on how to create a fan page….it’s very easy! 2. Add the Static FBML application to your page, here’s a video on how to do it: 3. Now, login to facebook and click “Account” then “Manage Pages” then click “Go to Page” beside the page name you just created. 4. In the left below your profile pic, select “edit page” 5. Now click “Applications”. You should see your FBML application on the right. 6. Click “Go to application” below the FBML and this will bring up the editor. 7. Go to your template files that you downloaded and click into the folder for the current template you want to put online. There will be a text file called 1.txt, 2.txt etc. Open this and copy and paste the template code below into the FBML box and put whatever title you want for your tab in the “Box title”. (copy everything between the 2 lines lines as instructed) 8. Make all of the changes to the code as outlined above making sure you have put in your URL everywhere it is required. 9. Click save then go to your pages in facebook, click on the tab name and you should see your new template  If you don’t see your tab name in the list, have a look for this icon:

10. Click on the right facing arrows and this will bring up the rest of your pages so you can click on your link.

If you have any trouble setting up any of this product you can contact me and I will respond as soon as I get your ticket. I believe that customer support is paramount so if you are stuck, I am here to help. ( I highly recommend you watch the videos from Sam Baker as these show you how to do everything you need with these templates. However, if you have any specific problems just drop me a line and Iâ&#x20AC;&#x2122;ll be glad to help.

Cheers, Richard Wing


Used to view likesasdfdsasdfpinner, made by

Read more
Read more
Similar to
Popular now
Just for you