Placing a Google+ badge on your website is a great way to grow your audience on Google+ and get more recommendations for your site in Google search. Using widgets to promote social networking sites is common practice these days. In fact, you’re not only benefiting your website but your end users as well. The only major downfall of adding all these social widgets to your website is that they don’t always match up well with your website’s branding.

In previous tutorials we have explained different tips and tricks to help blend different social media widgets with your website so that they look and feel like a part of it and not just dropped in. In this tutorial, we will teach you how to style one of the newest social widgets on the block, the Google+ badge. After completing this tutorial you should be able to play around with the code and make modifications that you see fit to change the styling to your own needs. Read More »

Posted In

Tutorials

Are you tired of trying to find fixes for YouTube iFrame videos or other embedded iFrames overlapping parts of your website that won’t work in every browser(especially IE)? Sure there’s a simple fix by just adding “wmode=opaque” to the end of the source string but what if you have tons of videos already on your site? In this quick tutorial we will show you an easy way to automate the addition of “wmode=opaque”, using jQuery, to all embedded iFrames on your website. This will not only fix any new iFrame videos added to your website but all previous iFrame videos as well. Read More »

Posted In

Tutorials

If you have recently created a new Facebook app within the last few days and are trying to add it to your Facebook fan page, you will notice that the “view app profile page” link on the bottom left side is missing. If you can not get to the profile page, this also means you can not click on the “add to my page” link. As far as we know and hope, this is a Facebook bug. We know that Facebook is claiming they will be removing the profile pages on February 1st, so hopefully this is just a temporary issue and there will be a new easier way to add your app to your fan page in the upcoming future. For now we have found a temporary fix!!

Paste this URL into your web address bar:

https://www.facebook.com/dialog/pagetab?app_id=[APP_ID]&display=popup&next=https://[URL_TO_YOUR_APP_ON_YOUR SERVER]

Make sure that you replace [APP_ID] with your app ID and replace [URL_TO_YOUR_APP_ON_YOUR SERVER] with the path to your app page located on your website’s server.

Once you put this URL into the address bar it will display a drop down, simply select the fan page you want to use your app on and that’s it.

We hope this is just a temporary work around and that Facebook will resolve the issue soon but for now enjoy this easy fix. If you know of any other work-arounds for this new issue, please let us know in the comments.

Posted In

Tutorials

To add on to How to Create a Custom Facebook Share Button for your iFrame Tab, we at Daddy Design have figured out how to add a fully customizable counter to go along with it! Let’s get started: Read More »

Posted In

Tutorials

Back in February we released the tutorial ‘How to Hide Content until Someone ‘Likes’ Your Facebook Fan Page’ for FBML Facebook Fan Pages. With how rapidly Facebook changes the way things look and operate, we have been doing the same when designing for Facebook. The February tutorial explains how to use a Fan Gate to reveal specific content only to those who ‘Like’ your FBML page. Since FBML has basically become extinct and will soon be phased out completely the new current method for creating Custom Fan Pages is the Iframe method. Creating a Fan Gate for the Iframe method differs greatly from the old FBML method. In this tutorial we will teach you the correct way to setup a Fan Gate for your Custom Facebook Iframe tab to show and hide content to Fan and Non-Fan users. Read More »

Posted In

Tutorials

Now that no new FBML Facebook tabs are able to be created, Facebook users must now use the IFrame method in order to add custom tabs to their Facebook Fan Page. IFrame tabs are definitely a bit more complicated to create compared to FBML tabs, mainly due to the fact that you must set up a Facebook Application (CLICK HERE to see our tutorial on how to set up a Facebook Application for your Custom IFrame Tab). Even though they may be more difficult to create, there are numerous advantages to using IFrame tabs over FBML tabs; code resides on your own server, flash does not require click to activate, limitless Javascript opportunities, and more. In our previous tutorial we taught you how to set up your Facebook Application, now we are going to teach you how to create the actual Custom Facebook IFrame tab and how to properly sync it with your application. Read More »

Posted In

Tutorials