Tuesday, August 10, 2010

How to - change your blog icon

Tired of seeing your blog hosts logo in your blog? Want to change it to your logo instead? Changing it is easier than you think. In the internet and html lingo, it's the tiny icon in your address bar and browser tab is called a favicon.

The icon of your blog is essential. It's like a definition of your blog. It's also a good way for your readers who have bookmarked your blog, to easily find it in their favorites list. Oh, and by the way, you can simply click this: bookmark digiknowzone!

So were going to teach you how to turn this:

Into this:

First, you would need to generate your favicon. There are tons of sites on line, but
to save you the hassle, just go here. You would need to upload a picture from your hard drive then click on the 'Create Icon' button.

A preview of the icon will appear at the lower part of the page. Click on the 'Download Favicon' button. Once downloaded, go to iconj.com and upload the favicon file you have just downloaded. Once upload has been finished. Copy and save the 'direct link' in your notepad. You can use this for future references.

Now, let's proceed on how you could upload it to your Blogger account:

1. Login to your blogger account.
2. Go to the 'Design' tab.
3. Click on the 'Edit HTML' sub tab.
4. Save your previous template by clicking on the 'Download Full Template' link. This is to backup just in case something goes wrong.

TIP: When your making changes to your template's HTML, always backup your working template. I have backups from the very first template changes I made.

5. Once saved, tick on the 'Expand Widget Templates' check box.

6. Copy this code:

<link href='urlforfavicon' rel='shortcut icon'/>
<link href='urlforfavicon' rel='icon'/>
And change the 'urlforfavicon' to the actual direct url for the uploaded favicon that you copied previously and should look like this finished tag:

<link href='http://www.iconj.com/ico/9/l/9l5k63m1cp.ico' rel='shortcut icon'/>
<link href='http://www.iconj.com/ico/9/l/9l5k63m1cp.ico' rel='icon'/>
7. In the 'Edit HTML' look for this tag:

And place the link finished tag directly below the head tag like this:

8. Click on the 'Save Template' button. And your done!

Hope that was helpful!
Minute Maid Pulpy Juice Drink!
Minute Maid Pulpy Juice Drink!