Yep, I have a new favicon! Can't see it? Check out the url bar or if you subscribed or put me on your blog roll, you might see it there ^^
I hope the creator of the "mascot" won't sue me for over-exploiting his vunderful creation ;) Perhaps maybe I need to get a new mascot...
I worry too much.Btw, an easy tutorial coming up soon here @ this same post... that is, if I don't get lazy ;)
UPDATE/EDIT:
Ok, here's how to add your favicon for your Blogger Blog. Here's how:
- First things first, you need an image or create one that you like using your favorite image editor.
- Next, once you've done that. Head to Genfavicon [link], an online icon generator. From there, you could upload and create your icon in .ico format. Alternatively, you could use an editor to manually create/convert one. Once you have created an icon, save it on your PC ideally at a location that you can easily find.
- After that, you need to upload your image to a host. Make sure you know the url location of your image after you've uploaded it. If you don't have a webhost, you can google around and find a suitable file host of your liking to host your images. There are loads of image hosts. Me, I use Googlepages instead of others since I have an account @ Google. If you made an account with Google, you'll automatically be registered to all of those services and I recommend that you make use of them. ;) Whatever host you decide on, remember to make sure that the host accepts .ico, or .png. Typically, you'll use .ico (I'll be using .ico as a marker here for this tutorial) so make sure of that.
- Next, log in to your Blogger and from the dashboard under the Template tab, go to “Edit HTML”. Near the top you will see a line like this:-
<title><data:blog.pageTitle/></title>
Copy and insert the following code below the line:-
<link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Inserting this will also work:-
<link href='URL of your icon file' rel='shortcut icon' type='image/x-icon'/>
The .ico image format has been used by many but you can also create an image under the .png or .gif format. Ensure that the size of the image is either 16x16 pixels or 32x32 pixels.
If you have a PNG format image, the link to insert is:-
<link href='URL of your icon file' rel='shortcut icon' type='image/png'/>
If it is a GIF format image, the link is:-
<link href='URL of your icon file' rel='shortcut icon' type='image/gif'/>
Remember to type in the “URL of your icon file”. - Save the template. When you refresh your blog site, VOILA! You should be able to see your nice little Favicon next to the blog address.


6 comments:
haha...your post on favicon just reminded me of the need to customize mine! Been wanting to do it for a long time already but kept on forgettin bout it. Thanks again for your post man! served as a GOOD REMINDER!
so sorry 4 spamming you with comments but, aren't you displaying a little too many of that 'glasses boy's heads' in your blog?
Here I go spamming u again dude. Just wanted to tell u there's a cool custom Tekka (like the one ur using) blogspot 3 column theme template available for download at
http://www.blogcrowds.com/resources/view_template.php/tekka_12
hehe...ur gonna like dis one. OK, no more spamming u!
Hehe, no probs dude.
Thx for the tip up btw.
As for the "mascot", I guess you can say I'm pretty much stuck with it ^^;
I might as well post it everywhere! XD
Just what i need. thankss!
No probs! Visit again! Peace
Post a Comment