Tutorials

How to Create a Custom PayPal Button without Images

How to Create a Custom PayPal Button without Images

Since PayPal is such a well-known force in the e-commerce world we encounter it often. One thing we noticed is that their ‘Button Factory’ lacks the ability to create a custom button without having to upload an image. Since the default PayPal buttons normally clash with our designs, we end up creating our own custom buttons but we do it without uploading a single image. In this tutorial we will teach you a very simple method to break free from the restraints of the ‘PayPal Button Factory’ by making a small change to the default button code and adding some CSS. Read More »

Posted In

Tutorials

How to Customize your Google+ Page Badge

How to Customize your Google+ Page Badge

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

wmode=opaque iframe using jquery

Fixing YouTube iFrame Z-index using jQuery

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

view app profile page is missing

How to Resolve Issues with Adding a Facebook APP to a Fan Page

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

How to Create a Custom Facebook Share Button with a Custom Counter

How to Create a Custom Facebook Share Button with a Custom Counter

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

Facebook Fan Gate Iframe

How to use a Fan Gate on your Iframe Tab to Hide Content until Someone ‘Likes’ Your Facebook Fan Page

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