Jun 21

2011

How to Create a Custom Facebook Share Button for your iFrame Tab

A common feature of Facebook is the use of being able to ‘Share’ objects whether these objects are videos or links. If you’re anything like us then you like to have full control over what and how you share it, this proved rather difficult until now. In this tutorial we are going to show you, in two easy steps, how to create a custom Facebook ‘Share’ button to use on your Facebook iFrame tab that will allow viewers to share and post your custom content to their Wall. The difference between this ‘Share’ button and the standard ‘Share’ button is that every element (custom message, custom title and custom thumb image) within the share window is completely customizable, giving you total control over what you want to share. Read More »

Posted In

Tutorials

Jun 10

2011

facebook Tell Your Friend Form

Tell Your Friend Form for FBML Tabs

By popular demand, our Facebook viewers wanted to know how we were able to place the FBML “Tell Your Friend” form on one of our custom Facebook tabs. Now we are here to show you! Read More »

Posted In

Tutorials

Feb 3

2011

How to Hide Content until Someone ‘Likes’ Your Facebook Fan Page

Hiding content from Facebook users until they ‘Like’ your fan page is a great way to increase the amount of fans following your page by giving users extra incentive to actually want to ‘Like’ your fan page. By utilizing fb:visible-to-connection a handy piece of built in FBML code we will be able to easily hide content from users until they ‘Like’ your page and become a fan. While this technique is not new and there are already numerous tutorials around on the subject our approach is different. We have simplified our technique in this tutorial to help alleviate some of the confusion we noticed from other tutorials. We have also solved a major issue for page admin’s who cannot see the actual fan content while logged in, however you still must log out in order to test the non-fan content. Read More »

Posted In

Tutorials

Jan 26

2011

How to add a ‘Like’ Button to your Facebook Static FBML Tab

Almost anybody who uses the internet today has seen and clicked on a Facebook ‘Like’ button, they are on almost every website in one form or another. For a long time Facebook users have wanted to add a ‘Like’ button to their custom Static FBML tabs but until now have been unable to. I’m sure that many of you have searched all over the web looking for a solution only to find everyone telling you that it’s just not possible, well now there’s finally a solution! This tutorial will teach you in two easy steps how to add a Facebook ‘Like’ button to your Static FBML tab. Read More »

Posted In

Tutorials

Jan 18

2011

How to Create a Custom Facebook FBML Slideshow

With slideshows becoming more and more popular in modern web design, the demand for adding them to Facebook’s Static FBML tabs has also risen. Adding a slideshow to your Static FBML tab is an appropriate and interactive solution to displaying multiple images in a nice organized and compact manner. This tutorial will teach you, in just 4 easy steps, how to implement a slideshow on your Static FBML tab using Facebook’s FBML Javascript. Read More »

Posted In

Tutorials

Nov 4

2010

How to Make Digital 8-Bit Style Corners Using Only CSS

A recent project of ours brought up a bit of discussion on whether to use images or try and develop a CSS method for creating a digital 8-bit style effect for corners. Since we always like a challenge we decided to go the 100% CSS route and the result was beautiful quick rendering 8-bit style corners requiring zero images. There is only one drawback to using this method; you must use a solid color background in your design. We decided that since there are no tutorials that we could find teaching this method we would release it to the design community; we know it’s a very specific style for specific projects but hopefully one day you might find a use for it. Read More »