Adding Image to Your Email Signature In Gmail From Picasa

Google had enabled adding image to the gmail signature. This was a much awaited feature. But it doesn’t allow you to directly upload any picture. Instead you will have to upload your picture/image to some online photo album or file hosting that allow hot-linking. Then you will have to provide the URL to that image in Google signature. Since Google provides Picasa web album we can use it to upload your image.

This post will take you through step by step instructions to achieve this.

First you need to upload the image/picture that you want to include in your email signature to Picasa.
You can go to Picasa Album by wither going to or clicking the Photo Menu at the top left corner in Gmail window as shown below.

No you will be taken to the Picasa website. Here you will find an ‘Upload’ button at the top as shown below. Click that button…

Then window pops up and ask you to either select an album or to create a new album to add the image to. If you do not have an album created please do so first. You will have to give an Album name and create a new album in this case.

Now it will present you with a list of text-boxes and buttons to upload the images. Click the browse button and select the image/picture that you want to upload and click ok. Once you have choosen the image(s) that you want to upload, press the ‘Start Upload’ button.

Now you will see the image(s) that had been uploaded. You have to get the image URL to put in your signature. For this ‘Right Click’ the mouse over the image. In the menu that comes up you will see ‘Copy Image URL’ or ‘Copy Image Location’ or something similar depending on the web browser that you use. Click it and the image URL will be copied to your clipboard.
There are multiple ways to get the image URL. I recommend the one I explained above.

Now go to Gmail and click settings at the top right corner. In settings (’General’ Tab) you can find the signature editor. Click the Add Image icon. This pops up a form to add the image URL. Right Click the text box and click paste. This will paste the image URL that you copied in the previous step. If the URL can be accessed the picture will be shown below the text box and the ‘OK’ button becomes enabled. Click ‘Ok’ and the picture is added to your signature editor box. Now you can move the picture around as you want.…

How To Adjust Textarea Label Position Without Table

If a label is placed next to a textarea the text will be place at the bottom line. Often this don’t look good. In this tutorial I will show how you can have the label placed anywhere along side the textarea as shown below.


The reason why I am writing this post is because when I searched for this solution I came across expert-exchange solution. But I couldn’t see the solution because I had to pay to see it. So I decided to find a solution myself. The solution is very simple, it’s simply using the positioning technique in CSS.

The code that I used for my comment section is as follows.


and the CSS styling is as follows. The ‘top’ position can be altered to adjust the label position.

.comment-form-comment { position:relative;} label[for=”comment”] { position:absolute; top:5px;…

Synchronizing Pre-recorded Audio Narration With Microsoft Power-Point Slides

There are many ways to synchronize an audio narration with power-point slides. The first way is to record your narration as you play the slides (‘Slide Show’ tab, ‘Record Narration’). Microsoft Power-point will automatically record your voice and save the slide transition time thus synchronize the slides with the narration . This is the best and the easiest way to get the job done. But often this is not the case.

A second scenario is when you have a prerecorded narration or music to which you want to synchronize your slides. There are two methods to achieve this, first you can use the sound/audio file as a transition sound effect and the second method is to import the audio file into the PowerPoint. Both have their advantages and disadvantages. But I prefer the second method as it serves my purpose better. In both cases the transition of slides is controlled by preset time intervals at which the slides make the transition with respect to the previous slide transition.

1. Synchronize Slides With Audio As Transition Sound Effect

One method to synchronize a sound clip with slide is to set the intended sound file as a transition in the first slide. For this select the first slide and then go to the ‘Animations’ tab and select the ‘Transitions Sound’ dropdown box. From the dropdown box select the ‘Other Sound…’. This will popup the file browser from which you can select the sound file (.wav) that you want to have the slides synchronized to.


This method will only allow ‘.wav’ files to be added and this is one of the drawbacks. More over the wav file is way too big compared to an MP3 file. So it’s likely that it will be linked rather than embedded to the PowerPoint presentation.


The next step of synchronizing the slides is common to both the methods. It’s to set the time delay for each slide before it makes transition to the next one. This delay is in seconds. So the drawback is it won’t work as expected unless the whole presentation is played automatically without any interference.

2. Synchronize Slides With Imported/Inserted Sound/Audio Clip

This method only has a slight difference with the previous one. The difference is in how we use the sound file. This time we import the sound file and it supports MP3 files as well. To do this go to the ‘Insert’ tab, Press the down arrow below the ‘Sound’ Icon, which is in the ‘Media Clips’ Group. Then Press the ‘Sound from File’ option that pops up the file browser. Select the Sound file that you want and then it might ask you if you want the file to be played automatically or when the sound icon is clicked. If your presentation is automatic you need to have it start automatically.


Now you can either drag the sound icon out of the canvas to hide it or you can check the checkbox ‘Hide During Show’ in the ‘Options’ tab. The options tab will only be available once you click the Sound Icon. The ‘Maximum Sound File Size (KB)’ option enables you to change the size limit of the sound file that can be embedded in the presentation. If the file size is bigger than that size specified here then the file is only linked rather than being embedded. If the file is only linked then you must copy the linked files when you want to copy the presentation.


The next step of synchronizing the sound with the slides is the same as the previous method. Set the time delay for each slide before it makes transition to the next one.…

Human Abduction Test

I have always been a fan of PIXAR animation studio. All their animation movies are creative and most of all, entertaining. This is an animation about a baby extraterrestrial being taking a test on human abduction. Human abduction is a scary phenomenon but here it is presented with humor. Watch it……

Download Gradient Desktop-Wallpaper With Bokeh Effect

In Japanese language ‘bokeh’ means blur. In photography it stands for the blur circles that are formed generally in the background of a picture. This happens due to the sharp focusing and the wide aperture of the lens. When I learned to make bokeh effect in Photoshop, I decided to make a wallpaper with this beautiful effect. As I am not an artist or graphic designer the out some many not be outstanding. If you are interested in downloading this desktop wallpapers you can download from the links below. The wallpapers come in two sizes, choose the one which is appropriate for you.…

Flash Actionscript 3.0 – Retrieve Directory URL Of The SWF File

Usually when you want to load a resource like an xml or picture file from an SWF file you either specify the relative path or the absolute path to the resource. The relative path is the path that the resource is in relation to the SWF file (eg: ‘/images/picture.jpg’). The absolute path is the URL to the file (eg: ‘’). The relative path is often very convenient that when all the resources are placed in the same directory or in sub directories as the SWF file, then moving the whole thing don’t require us to edit any path to the resources.

When embedding the SWF file in a theme or file that is loaded by other scripts, the directory of the SWF file is overridden by the directory in the main script is in. That is, if you specify a relative path to a resource from within the SWF file, it’s going to check for the resource from the directory where the main script is running and not from the directory in which the SWF is in. I first encountered this problem when I was developing a flash application for a WordPress theme that loads the configuration information from an XML file. All the files were places in the theme directory which were loaded by the main script.

The solution is pretty simple once you know it.

// * Get the URL of the file that loads the SWF file * //var SWF_URL:String = root.loaderInfo.url;// * Remove the name of the file that loads the SWF file thus giving the URL to the folder * //var SWF_Folder:String = SWF_URL.substr(0,SWF_URL.lastIndexOf(“/”));// * Append the Folder Url to the relative path of the file to be loaded * //ImageLoader.load(new URLRequest(SWF_Folder +”/Images/TheImageTobeLoaded.jpg “));…

Label Inside Textbox That Disappears On Focus, With Javascript

You might have come across many websites that have fields that display the label of the filed within the filed. The most common among this is the search box. Many websites also uses this technique with the registration forms and other forms. When user selects a field to enter text, the label disappears. The advantage of this technique is that it conserve space and also make the website design cleaner.

There are many techniques that can be used to achieve this. Here I will take you through one way of doing it. I will demonstrate two types of fields that use this technique. One is a regular textbox and the other is a password textbox that switches between regular display characters when displaying label and masked characters when entering password. This simulates a login form where the username and password fields are prefilled with their associated labels and the labels disappear once the user click the field to enter text. The password field changes display to the expected password character masking mode.

There are two javascript functions that are used to get the job done. One function (HideLabel) hides the label when the textbox get the focus, either when the user clicks the textbox to enter text or by any other means. The second function (ShowLabel) show the label of the field (relabel) if the user leave the textbox empty and move on.

function HideLabel(txtField){ if(’username’){ if(txtField.value==’Username’) txtField.value = ”; else; }else if(’password’){ if(txtField.value==’Password’){ txtField.value = ”; txtField.type = ‘password’; } else{ txtField.type = ‘password’;; } }}function ShowLabel(txtField){ if(’username’){ if(txtField.value.trim()==”) txtField.value = ‘Username’; }else if(’password’){ if(txtField.value.trim()==”){ txtField.value = ‘Password’; txtField.type = ‘text’; } }}

Now finally we need to call the appropriate functions at appropriate time. We will call the ‘HideLabel’ function when the filed receive focus and call the ‘ShowLabel’ when the filed loose the focus.…

The Day The Earth Will Reset Itself

The movie ‘The Day the Earth Stood Still’ was an inspiring movie for me. The movie looks like a science fiction movie but with less graphics and no horrifying align characters. For some the movie is not so mush impressive because of the lack of advanced CG. But I think the makes of the movie have concentrated in conveying the message to the audience.

The message is crystal clear. “Destroy and be destroyed or save and be saved”. Its time for us to slow down the destruction of earth and eventually reverse it. Lets not be remembered as a species or race that had destroyed an entire planet and all of its rich bio diverse species. We humans are only intelligent enough to develope a parasite-host relation with earth. Lets develop a symbiotic relation with our mother planet. The first step to this process is to control the human population and bring it down to a billion or below.


The earth is approximately 6 times more populated than it was initially designed for. Its resources have been depleting at an alarming rate as a result of over consumption. Lets be responsible. Lets look at earth as a living being which needs out respect so as to sustain all the life forms on it. Remember that we are just sharing it with the trillions of life forms on this planet. Lets look upon other species with care and concern. There is nothing much that we have to do to protect them, but only one thing that me must not do, destroy them. The mother earth is capable of protecting and sustain its children.

We see ourselves as specially privileged to kill and destroy. We consider ourselves the supreme creation of god and the earth the territory granted to us for exercising our greed. Religion is what obstructs our spiritual development. It detaches us from the reality and prevents us from realizing truth.

The reason why we ignore to acknowledge the destruction of earth and take its responsibility is our feeling of safety. We feel that earth will take it all. Its human nature not to change until the last moment. But it could be too late to change at the time we are threatened by destruction. Its time for us to evolve into a wise species. Lets not be suicidal just by ignoring or pretending not to see the warnings.

Let each of us take small steps that we can make to save the earth or at least post pond the day and time for the reset of the planet. Avoid asking for bags when shopping if not necessary. Reuse plastic bottles by refilling them rather than buying it every day. If you can drink without straw, don’t take it. If you receive something for free that you don’t need, don’t take it. Lets do the simple things that we can do to save the earth and the human species which is engaged in self destruction.

Please give your comments and suggestions on how to save earth. Lets share our views.…

Customize and Print Websites To Your Requirements With Print-What-You-Like

Have you ever had experience of print a website and getting a totally messy output? Most often what we need from a website is certain information but if we print it we get all the adds and menus printed out. Print What You Like is a solution for this. This is an online application that lets you customize what you want to print from a website. You can individual pick-out portions of the site and have it removed, resized, saved etc.


It also gives the option to remove background, images and borders in the site. It allows user to change the site font from a list of popular web fonts. The font size can be adjusted as well. If you have made a mistake don’t worry, it lets you undo and redo. Mouse over the website image and it automatically houselights the border of the component the mouse is over. Clicking highlights the entire html element under the mouse and brings up a popup menu from which we can choose a couple of options like Isolate, Resize, Remove, Widen, Save Clip and Select More.…