Archive for the 'Tips & Tricks' Category


Page 5 of 5«12345

Manage E-mails From Different Accounts In Microsoft Office Outlook 2003

I have been checking and organizing my e-mails using Microsoft Office Outlook 2003 since I started blogging. A few days ago, I purchased a new domain name. Now, I have to setup Microsoft Outlook to manage both my e-mail accounts. This is when I noticed a problem (or inconvenience). All e-mails that I received from both accounts go into the same Inbox. The program did not create different set of folders for each account.

So, I googled for it and found this post, How do I receive email on different accounts into different folders in Outlook?. It was exactly what I needed. There are step-by-step guides with screenshots. Overall, that is a very good guide. After following all the steps, I was able to forward all e-mails received and sent from the second account to 2 newly created folders below.

2 newly created folders

It was simple to redirect the e-mails following the guide provided in the post. However, it would have been great if Microsoft Outlook was able to handle multiple accounts in a more efficient way. I’m thinking of changing to Mozilla’s Thunderbird 2.

Should I? What e-mail program are you using?

Tutorial: How to embed flash video in your blog without breaking validation

Have you embedded a video into your blog and notice that it broke your validation? Videos from sites such as YouTube, Google Video and Metacafe provides custom codes to allow you to embed their videos into your blog. Here, I would like to provide you with a solution to that problem. This tutorial is possible thanks to C.K. Sample III who has provided a nicely modified code to replace the default codes given by those sites.

This tutorial will guide you to embed a YouTube video into your blog without breaking validation. I have only tested the codes on Youtube and metacafe. While C.K. Sample III has tested it on Google Video as well. It should work for all (i think) video sites that provide their videos in flash format, as long as you follow these guides below. Tell me if it doesn’t work on any sites that you’ve tried!

Step 1: Select the video to embed into your blog. I’ve chosen this video from YouTube.

Step 2: On the right of the video, you’ll find the “Embed” codes shown in the picture below. Copy the codes, and paste it in a word editor.

Embed Codes By YouTube

Embed codes given by YouTube:

<object width=”425″ height=”350″><param name=”movie” value=”http://www.youtube.com/v/wk5dw7JU6D0“></param><param name=”wmode” value=”transparent”></param><embed src=”http://www.youtube.com/v/wk5dw7JU6D0” type=”application/x-shockwave-flash” wmode=”transparent” width=”425″ height=”350″></embed></object>

What you need is the bolded links above which is http://www.youtube.com/v/wk5dw7JU6D0. Copy that down, you’ll need it later.

Step 3: Copy the codes below (provided by C.K. Sample III) and paste it in your blog where you want the video to be displayed.

<object type="application/x-shockwave-flash" data="[INSERT VIDEO URL FROM EMBED CODE PROVIDED HERE]" width="400" height="326">
<param name="movie" value="[INSERT VIDEO URL FROM EMBED CODE PROVIDED HERE]" />
<param name="FlashVars" value="playerMode=embedded" /></object>

Step 4: Replace [INSERT VIDEO URL FROM EMBED CODE PROVIDED HERE] with the bolded codes from Step 2.

Your finished codes should look like this:

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/wk5dw7JU6D0" width="400" height="326">
<param name="movie" value="http://www.youtube.com/v/wk5dw7JU6D0" />
<param name="FlashVars" value="playerMode=embedded" /></object>

There you go. Hope this tutorial helped.

Tutorial: Create a favicon.ico for your website

(Sunday, February 18, 2007)

For some time now, I’ve wondered how and why some websites are able to place an icon beside their URL (shown in Figure 1). So I’ve finally googled it and found out a few facts about them. Firstly, the name of the icon is “favicon.ico“. It is only 16 X 16 pixels large. That’s not a lot of space to work with. However, it is possible to create the initial design on a larger canvas, and later resize them to 16 X 16 pixels. It is advisable that the design canvas be a multiply of 16 (eg. 32, 48, 64, 80, 96, ….).

Example of favicon.ico
Figure 1: favicon.ico icons beside URL

There’s a few ways of creating a favicon.ico. Some sources suggests downloading a photoshop plugin. The icon can then be exported to the .ico format. Another way would be to download an executable program to convert the icon to the .ico format manually.

However, I will be using a web tool to convert my original icon image to the .ico format for this tutorial. The web tool can be accessed from www.chami.com. The steps to create the favicon.ico is as below:

Step 1: Browse for the original file. Click “Generate Favicon.ico”. A preview of the icon will be displayed (both animated & non-animated versions).

Step 2: (optional) Click on “Test in Browser” to view the icon in action on the same page.

Step 3: Download the favicon files to your local hard drive.

Step 4: Open the zip file. It contains the favicon.ico file, a readme file (with instructions to install the favicon.ico file) and some extra bits.

Step 5: Upload the “favicon.ico” file to your server into the root folder (usually “public_html”).

Step 6: (quoted from the readme file included in the zip file):

You can add a favicon to your web page by uploading favicon.ico to your website and inserting the following HTML tag inside the … section of your web page.

<link rel=”shortcut icon” href=”favicon.ico”>

Optional: if you would like to display the animated favicon, upload animated_favicon1.gif as well and insert the following HTML tags.

<link rel=”shortcut icon” href=”favicon.ico”>
<link rel=”icon” href=”animated_favicon1.gif” type=”image/gif”>

That’s it! You’re done. Below are the before and after photos.

Before Picture before

After Picture after

Hope this tutorial helped.

Tutorial: Restore Firefox Bookmark

(Saturday, February 17, 2007)

This tutorial guides you on the process to restore firefox’s bookmarks. It is important to act QUICK. If your bookmarks has been corrupted / broken for more than 5 days, your chances of recovering it is slimmer. I’m running on Windows XP. Therefore, some instructions or folders may be different if you’re running on a different operating system.

Firstly, startup the ‘Run‘ command (Start button –> Run). Type “%APPDATA%\Mozilla\Firefox” into the box and click “OK” (as shown in Figure 1).

Run Command
Figure 1

If no error occurs, a folder will open as shown in Figure 2.

Application data folder
Figure 2

Proceed by opening the “Profiles” folder until you’ve entered a folder named “bookmarkbackups” (as shown in Figure 3). Here is where your previous 5 days backup of bookmark is stored.

Backup bookmarks
Figure 3

Each file is named as such “bookmarks-(backup-date)”. Start by opening the latest date available and check if that file is working. A corrupted file may be empty, or may contain non-alphanumeric characters. If the file is corrupted, try the next latest date, until you found one that is working. A working file will list all your previous bookmarks accordingly.

Once you’ve found a working backup file, you may restore your bookmarks using one of the following 2 options below:

1. In Firefox, open the Bookmarks Manager (Bookmarks –> Organize Bookmarks…). Open the following menu (File –> Import). Select the “From File” option and click “Next”. Select the working backup file, and proceed.

2. Note: All current bookmarks will be lost. Choose option 1 if you’ve any bookmarks you would like to keep.

Close all Firefox browser. Rename the backup file to “bookmarks.html”. Next, copy and overwrite the backup file to the parent directory which contains another “bookmarks.html” file (which is your current bookmark).

Eg: Copy and overwrite “bookmarks.html” from “…\Profiles\by8e3pfj.default\bookmarkbackups” to “…\Profiles\by8e3pfj.default”.

If you’re using a different operating system from Windows XP, click here to find out where your backup bookmarks folder is located.

For more information, read this.

There you have it. Hope this tutorial helps.

UPDATED on 20th March 2007:

I just received a comment from Kettir who said he has the same problem (losing all my Firefox bookmarks) as I did few weeks back. He has recovered his bookmarks from the backup but is experiencing problems adding new bookmark now.

In fact, I had the same problem as well. I managed to restore my bookmarks, but wasn’t able to add new bookmarks to it. I did find a solution to it. However, I didn’t included it in this tutorial due to SEVERE LAZINESS. Sorry…here it is:

According to this article, it seems that this problem is caused by a corrupted localstore.rdf file. This file is located in the parent directory of the bookmarkbackups folder. In other words, if you bookmarkbackups folder is in “…\Profiles\by8e3pfj.default\bookmarkbackups“, then the localstore.rdf file is located in “…\Profiles\by8e3pfj.default“.

To diagnose if your localstore.rdf file is corrupted, simply open it with wordpad. If it’s corrupted, you’ll see hundreds of ‘boxes’ like the one below.

Corrupted localstore.rdf

A healthy looking localstore.rdf file should contain identifiable XML tags and words that you should be able to read. Note: I said “read”, not “understand”. :) The picture below shows a healthy looking localstore.rdf file.

Working localstore.rdf

If you’re absolutely sure that your localstore.rdf file is corrupted, here’s how to fix it. According to the same article mentioned earlier, you should:

Step 1: Close all your Firefox browsers.

Step 2: Delete the localstore.rdf file (Note: Read the article, do not delete the wrong file. There seems to be another localstore.rdf file in a different folder. However, I strongly suggest you rename the file to something else (eg. localstore.rdf.bak instead of deleting it. At least you have a backup if you need it again).

Step 3: Open your Firefox browser again.

There you go, your bookmarks should be working as usual now.

Hope this updated version helps.


Page 5 of 5«12345



Close
E-mail It