Add a Favicon to Your Site

Are you tired of that bright orange B (if you’re using a Blogger blog) in the address bar and on the tab? You can display your own icon on the browser address bar when visitors view or bookmark your web page instead. It’s really simple, too.

  • Choose an image you like – ideally it will be very simple because a favicon (short for favorites icon) is pretty small, and complicated pictures don’t translate well. It should be an image you want people to associate with your blog.
  • Upload your image to this Free Favicon Generator, and it will create your favicon for you.
  • Then you can either download it so you can upload it somewhere else, or just host it there. They even give you the code to copy.
  • Once you’ve copied the code simply go to your Blogger Dashboard, select Layout, and edit HTML. Paste the code into the head of your page, right before the tag and save it.
  • Now, you should have your very own, personal favicon.

I actually used this Favicons from Pics generator to make the favicon for this blog. If you use this one, you will have to download and unzip the file and then find somewhere to upload it so that you can link to it and use it. Since you can’t directly upload the favicon to Blogger, and many photo hosting sites don’t accept .ico files, it’s a little more complicated.

Here’s a great tutorial on adding a favicon to your Blogger blog.

Free Blogger Templates

Once again I am talking about free blog templates. I can’t help myself – when I see a blog layout I like, I want to know who designed it, where they found that layout. So, I click. This time I found Our Blogger Templates. They have over 100 free templates available and the instructions for installing them on your blog and adding your own header image. There is even a tutorial for designing your own template. With all these great, easy to customize templates available, I don’t know that I will ever need to design my own, but I would love to learn how.

I installed one of the free templates from Our Blogger Templates, created and added my own header image, and customized all my colors. I actually found another template I thought would go with my new header better than the one I originally installed, but I was having some troubles getting Blogger to cooperate with me, so I just changed the colors of the one I had already installed. I wasn’t sure I was going to like the ‘New’ Blogger, but it does make changing colors easy. Most of these free templates say that 99% of the colors can easily be changed, and I have to believe them, because I changed an awful lot of the colors.

I grabbed my header image from Pixdaus. I hadn’t heard of it before, but Our Blogger Templates used some images from there for their blog headers, so I clicked and found all kinds of interesting images. I liked the frogs, 1) because I like frogs, and 2) because they look like they’re so excited about something that they just can’t keep their mouths shut and they ‘just gotta share this’ – or am I stretching things a bit? Anyway, lots of images on Pixdaus.

When you click template installation guides and instructions on the Our Blogger Templates site, there’s a link to more sources for header images. I figure, with enough sources, you’re bound to find the right image or template, right?

Where Do You Host Your Images?

That was the question in a forum I visited the other day. Since I haven’t settled on any one place or service to host my blogging images, I was interested in what people had to say. Several people mentioned Photobucket and ImageShack. I had heard of both of those, but there was a new one I hadn’t heard of called Shareapic.

I started using Photobucket recently when Yahoo discontinued their photo hosting so they could focus on Flickr. One of the options they gave me was to transfer the photos I had on Yahoo Photos to Photobucket, so I took them up on it. I haven’t been too disappointed with Photobucket except for the time I was trying to use one of my images as a background for my blog. No matter what I did, it just didn’t look right. Then I realized Photobucket had resized the image when I uploaded it, so it wouldn’t work the way it was supposed to. One of my favorite things on Photobucket is that I can add an image I find on the Internet without downloading it to my computer first.

I’ve never used ImageShack, though I have seen their logo around the Internet. You know the one I’m talking about – the little yellow ‘bandwidth exceeded’ frog that takes the place of the image you really want to see. It doesn’t give me much faith in the service. I’d be worried that an essential image wouldn’t be available all the time. If you’ve had good results with ImageShack, go ahead and let me know.

The image hosting I hadn’t heard of was one called Shareapic. This one sounds really promising, so I ran over and signed up. They say you can upload unlimited pictures with no size restrictions. They also say they’ll pay you when other people view your pictures. Hopefully that means no ‘bandwidth exceeded’ messages. They also claim one click posting to Blogger, Xanga, MySpace, and more. It sounds like I should be able to use this for all of my blogs. Why no image here? Well, I haven’t figured out exactly how it works yet, but I will.