Adding Your Own Favicon

My maintenance man has a major remodel going on at work.  This means, he has all my his power tools with him.  This is cutting terribly into my craft time.  During this time, I thought I would revamp my blog.

One thing I noticed that I didn't like was the big orange 'b' in the address bar A.K.A. the favicon.  I wanted that changed.

Here's how to do it:
1 option (didn't work for me) is to change it within your blogger layout:
(I have converted to the new layout, so bear with me)
First locate the blog you want to change.  Then click on 'lay-out'
click the images to make them bigger.

Now, that brings up the page to change/add your gadgets and layout (if you're still using the old format, hopefully this rings a bell.)

This has always had the icon for my favicon, but the big B was still there.  Click 'edit' and choose your file from you computer.  It needs has to be a square image or Blogger will kick it out.

Hit save, and hopefully, your Favicon will be whatever your heart desires.  Mine, on the other hand, took a little bit of work.

Click on design; edit HTML:

Hit Cmd F or Ctrl F to open finder, and type /head.  This is where you are going to place the code.  First, tho, you have to upload your image to a hosting site.  I used Photobucket.

Once, you have located   insert this code directly above:

 

     






Change the highlighted part to the URL (or direct link from Photobucket) of your image, and 'save', that should be it.  That big orange 'B'  should now be your image.