How To: Create a Comments Box with Facebook Connect in 5 Minutes from Pete Bratach on Vimeo. Continue Reading

Facebook, hide and seek again!
Well, most of you have upgraded to FB’s Time Line layout… So, where and how do you find out how your profile look like to the others now? Since the old way is no long exists?
Here is the HOW:
Go to your profile and click (on the right, below your cover).
Click the View As… from the dropdown menu.

You’ll see what your profile looks to the public.

To preview how your profile appears to a specific person, such as a friend or coworker, type their name into the open field (the very top left corner)  … Continue Reading

By now, almost everybody who owns a smartphone knows about QR code. Most of the QR code you see are a bunch of black jumbled encoded data, if you do not pay attention, they all look the same. Boring and confusing…

Well, you CAN, actually decorate your QR code to be unique and stylish by adding your company logo or customized picture into it!

Here is how: Continue Reading

By Jonathan Snook

CSS Zen Garden proved that we can alter a design into a myriad of permutations simply by changing the CSS. However, we’ve rarely seen the flip side of this — the side that is more likely to occur in a project: the HTML changes. We modify the HTML and then have to go back and revise any CSS that goes with it.

In this way, we haven’t really separated the two, have we? We have to make our changes in two places.

Author Jonathan Snook provided detailed examples of how to decouple HTML … Continue Reading

by Life Hacker

Have a website and want to know the minute your site is down? This simple Google Docs spreadsheet from Digital Inspiration can email you and monitor your website for free.

To do so, make a copy of the Google Docs spreadsheet. Then change the website URL to your website and the email address to your email. That’s the email you’ll be notified for uptime and downtime. Continue Reading

More new changes has been rolling out for Facebook Fan pages. Got confused and need some guide? Here is a great course by FB that might help you quickly dive into the changes and get connected with your audience better.
Learn About Facebook Pages

Ok, ever had a problem with the url look of your blog post(WP users) — they look something jumbled with “?”, “=”,”12345″, “p” — grrr, ugly!

Want to change that? Here you go:

• Login as admin
• Under Dashboard, click on “Settings”
• Looking for “Permalinks” and click on it
• You will see the common settings. Choose “Custom Structure”
• Adding this line of code in the blank filed: “/%category%/%postname%”
• “Save Changes”
• Some of you might not have “.htaccess” file or that file is not writable. There will be some extra message showing after you save the changes.  The information looks like this:
•  Then you … Continue Reading
  
  Tweet

Great tutorial from U Stand Out!

Option #1 – Static HTML – 4 Steps
1. Add the Static HTML Application to your Facebook Page

2. Edit the “Welcome” Tab

3. Edit the Tab Title

4. Make your Reveal Tab the Default Tab
Option #2 – MyTab – 5 Steps (includes Google Analytics integration)

1. Add the MyTab Application to your Facebook Page

2. Edit the Name of your Reveal Tab

3. Edit the Reveal Tab Content

4. Enter Google Analytics Tracking Code

5. Make your Reveal Tab the Default Tab

Read the full tutorial here!

WordPress login logo looks clean and simple, but sometimes you may want to change it, for example when building a site for a client. You want to customize the look of the login page as well. In that case, you can use a plugin like this one — http://www.binarymoon.co.uk/2007/07/wordpress-tips-and-tricks-custom-login-page/

By using this plugin, you will need to be able to find the two css files and make the modifications

1. wp-admin/css — colors-fresh.css — for changing the look and color of the “login” button

in this file, you … Continue Reading

A small CSS code changes the opacity level of the images, whenever you place the mouse cursor over these images.

In css, copying the following code:

<style type=”text/css”>

a.imgopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.imgopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }

</style>
Add this class to <a> tag, to call for the effect.

<a class=”imgopacity” href=”http://xxxxxx” target=”_blank”><img src=”xxxxx” />

You may see some examples here.