Create a favicon

For my web design class, as our last project, we had to create a website for ourselves to showcase all the design work we have done. Below is the design that I ended up going with

We also had to create a logo for ourselves. See mine below:

On the website I added a little bevel & emboss and a drop shadow to it

Now to get to the title of the post, a favicon is "a 16 x 16-pixel icon associated with a particular website, usually displayed before the URL in a web browser" (from dictionary.com)

Example:

So for mine, I just used the logo that I made, made sure it was square and less then 100KB.

Next you go to your blogger dashboard and go to the layout section

Select the edit button in the favicon section and this window will pop up:

All you have to do now is click choose file and browse for your image and then hit save

Now when your blog is open in a tab, that image will show up like I showed in the example. It will also show up next to your blog on someone else's blog list.

Just a fun little tidbit, if you have a blog, to make your blog more personal and more "you".