Addblock Detector Script for WordPress, Facebook, etc

Posted by: Joy  :  Category: Web Development

FBJS Tips and TrickAs i posted before about how AddBlockPlus Causes FBJS Error on facebook application. It’s not something like a complete error actually, only the FBJS wont load properly when our canvas type is FBML. Here i will show you the simplest javascript ever to detect whether browser is using an addblock addon or not. This addblock detector script can be applied on any type of web application, not only for facebook application, could be wordpress,joomla, drupal, or any other kind of website platform.

We will need two files, an HTML file and a javascript file. Ok, let’s start :
Read more…

Incoming search terms:

Floating Facebook Ads

Posted by: Joy  :  Category: Web Development

Facebook AdsWonder how to increase your Facebook Ads CPM? I’ll show you a simple trick to do this. I’m spesificly talking about the facebook ads on our own developed application on facebook. By making the ads floated on canvas page will surely rise your ads CPM, especially when you put it on the center of your application canvas. Just dont forget to add a close button, or your daily active users will drop. Make sure to make it float on the right spot, where users usually interact more with your application.

I’m using Facebook Bold Text application as a sample. There, you will find the ad floating above the message textarea, where users usually type something to send the message to friends’ wall or just for a status update.
sceenshot : Read more…

Incoming search terms:

Javascript : Floating Image, Object, Avatar, etc

Posted by: Joy  :  Category: Web Development

Loading Page ScriptAs many friends requested, this time, i will show you how to create a simple javascript that will make your website a bit more attractive. Actually, this one is one of many old javascript tricks used by many websites around the world. Here, we will use a floating top bar script from dynamic drive, with more modifications added to make it simpler and easier to use.

OK, let’s go straight to the instructions, kindly follow these steps :
Read more…

Incoming search terms:

Loading Page Trick

Posted by: Joy  :  Category: JavaScript, Web Development

Loading Page ScriptSome of my friends asked me about how to do the loading page trick on this blog which hide the page content until all the elements loaded. Actually, this trick is using a very simple idea to hide all the elements until the javascript onload event triggered. While all the elements except the body itself hidden, we use gif animated image as a background image on the body tag. We need to hide the first element after body tag, inspect the structure of our site itself, for example :

<html>
<head>
blah blah…
</head>
<body>

    <div id="page">
    <div></div>
    blah blah…
    <div></div>
    </div>

</body>

Read more…