33dots

Posts RSS Comments RSS

Archive for April, 2009

Exporting Gmail contacts to Thunderbird

I setup Mozilla Thunderbird for all my Gmail accounts. Now I wanted all my Gmail contacts in Thunderbird, did some googling on the subject and task accomplished in a few minutes.
This is how it is done, [Check the images for better understanding. I've highlighted with red dots the places you have to look for].

Export the Gmail contacts.

Gmail contacts page

  • Log in to your Gmail account and click Contacts on the left side above the Labels.
  • Your could see your contacts arranged into different groups like ‘Family’, ‘Friends’, ‘Co-workers’, ‘All Contacts’ etc.
  • Click Export located at the right top corner of the page.
  • In the next page, Select the Contact Group you wish to export from the drop down list. You can also choose ‘All contacts’.
  • Select ‘Outlook’s CSV’ as the format to export and click the Export button.
  • Download the file (.csv) to the desktop.

Import the downloaded CSV file into Thunderbird.

  • Open Thunderbird. And click on Tools > Import..
  • Select Address Books and click Next.
  • Select Text File (LDIF, csv, txt) and Click Next
  • Browse to the .csv file you just downloaded and click Open. [You may need to change the File type to Comma Separated to see the file in the dialogue box]

In the next step you will need to match the fields of your Thunderbird Address book, to the corresponding fields in your .csv file. For example, the field First Name in the Address book should point to the same field First Name in the .csv file.

To do this, select the first field which you would like to keep and use the Move UP and Move Down button to position it to the correct place. Do the other fields similarly.

I matched the only 4 fields like this, First Name->First Name, Last Name -> Last name, Display Name -> Name, and Primary Email -> Email Address. Check the picture to get a better idea.
Import dialogue in thunderbird
Once fields are matched, Click Ok and all of the contacts will be imported. You will be taken to the addressbook where you can see the results.

No responses yet

Creating a favicon for your website

My website's favicon

You probably have noticed my website’s favicon[5dots] in the address bar. Here let me tell you how I created the favicon and also how it can be displayed for your website/webpage.

A favicon [website icon, URL icon, or bookmark icon] is a small image identifying a particular website. This is shown in the addressbar beside the URL of the website, in the bookmark list and also in the browser tab. MS Windows uses this to represent ‘Website shortcuts’.
Favicon is nothing but an Icon (.ico) file of 32×32 or 16×16 pixels which is uploaded to the website. You can also use amimated GIF or PNG[not supported by IE] if you want.

1. Creating our Image.

  • Start your favorite image editing program. I used Photoshop.
  • Create a new image with the size of 32×32 pixels. In Photoshop go to File > New and Set the size here.
  • Draw the image that you want.
  • Save it into .png or .jpg or .bmp [I used .png]
    If your program supports saving to .ico files, do it and you can skip the next section.

2. Converting it to icon format
Here we will the favicon generator service of html-kit.com to create the icon file. This online tool can generate the still and animated favicons from any image file we upload. The tool also has several option to customize the image like changing colors, adding borders, image stretch/crop. You can also give transparency to the background, which is really cool.

  • Open your browser and go to www.html-kit.com/favicon/
  • Click Browse and choose the image you created to upload it and click Generate.
  • Click Customize. You can set transparency and other customizations here. Transparency can be added either to the background color or for the colors in the corner.
  • Once you are done, click Instantly preview in the browser to see your favicon in action in the very same browser tab and adressbar[assuming you are using a tabbed browser]. Now, if you see the animated icon and you want the still icon to be displayed, just remove the animated one by clicking the tiny x below the animated image on the left.
  • Download the favicon.ico

3. Displaying the favicon in the browser

  • Upload the favicon.ico to the root directory of your webserver. Most browsers should pick your icon without doing anything more.
  • However, You could also add a <link> tag to each of your html document to specify which favicon to use. This is needed for certain browsers.
  • Add the line between the head tag a shown,

<head>
.......
<link rel="shortcut icon" href="/favicon.ico">
.......
</head>

Done! Refresh your browser or bookmark the site to check.
Note: you may also need to clear cache and also restart your browser to see your icon in action.

No responses yet

Things to take care when starting a new personal blog/website

I just setup my first blog/website. These are a some of the steps that I took in the process of creating this blog. This is not an exhaustive list, but only the areas that I touched.

1. Find a good domain name. If your main audience is from search engines, and if you do not have any country specific audience, the .com .org or .net will give you better search engine position. However, if your audience is mainly from your country then choose the extension of that country. [For example:  .co.in sites have prominence over others in google.co.in]
The URL can have numbers, alphabets and ‘-’[hyphen]. Make it short, meaningful [not like mine ;) ] and simple.

2. Find a good host. Look for decent bandwidth, diskspace, number of databases allowed, POP/SMTP email accounts, FTP support, control panel like cPanel etc. Do not go behind offers like unlimited diskspace/bandwidth etc. I just made that mistake and is paying for that. If you choose a Linux based host[like mine], make sure they support .htaccess files, and Apache mod_rewrite. These are required to create ‘pretty links‘. If your host provides a demo account, try it out for sure.

3. Choose a good Content Management software. I use Wordpress for my blog and I highly recommend it. Wordpress is the best if you are thinking of a blog.

4. Use an FTP client to upload/download all your data to/from the webserver. I Use Fillezilla.

5. Carefully choose a good set of passwords. It should be atleast 8 characters long and a mix of letters, alphabets and symbols. Use different passwords for ftp, email, database etc. Note it down in paper.

6. Have a basic understanding of search engine optimization(SEO) before adding posts. These are simple things like providing a good title for all the pages, adding meta description and meta keyword tags for all the pages, providing title attribute for your links and adding alt tag for your images.

7. Get some idea about traffic statistics tools. Your webserver may be providing one, but that may not be good. I use the stats analyzer of Wordpress. Some others include Google analytics, Awstats, etc.

8. Turn Off directory listing if your webserver supports it. If not, add a blank index.html page to all the directories which are listed.

9. Think of a back up at least once in a week.

No responses yet