11 May 2014

update or install a favicon | blog diy

It's time for another blog design tip! This is a quick tutorial on how to install a favicon on your blog or if you already have one, make a new one show up instantly. A favicon is a small image that shows up next to your blog title in the tabs of your internet browser, as you can see, mine is a little moustache. Sometimes when you install or update a new favicon it doesn't show up for 24 to 48 hours, but here is a super quick way to make it show up instantly!

STEP ONE:
You will need to make yourself a favicon, and it needs to be square, I recommend 400px by 400px. You can make these on PicMonkey if you don't have a photo editing program. I have made a paw print image for the purpose of this tutorial. I would also say save this as a PNG file. 

STEP TWO:
Now go to your blogger dashboard and click edit on the Favicon section top left. 

STEP THREE:

If you already have a favicon, press remove, then press CHOOSE FILE and search for your favicon on your computer. 

STEP FOUR:
You will see your little favicon show up then press SAVE.

STEP FIVE:
Go to VIEW BLOG and then type /favicon.ico after your blog URL and press return (enter)

STEP SIX:

Once you press enter you should see your new favicon show up in the top left corner, if you still see your old favicon refresh the page. When you see it press CTRL + F5 at the same time! 

STEP SEVEN:
When you press CTRL + F5 you should now see your new favicon show up in the tab!

STEP EIGHT:
Simply go back your blog and you will now see your shiny new favicon in action! VIOLA!

If this was helpful please do share with your blogger friends!

See more blog tutorials here!

Share: Pin This Email This

MEET THE AUTHOR: Serena Ozgowicz is a 24 year old Puggle owner with a passion for beauty, crafts and coding! You can follow her on facebook, twitter and instagram. Thank you for reading this post!

4 comments:

  1. Brilliant post, worked a treat for me. I am loving these little hints and tips that you have been doing regarding blogger and editing blogs.

    http://beautyskooldropout2013.blogspot.co.uk/

    ReplyDelete
    Replies
    1. Thanks Gemma, lots more coming :) Let me know if there's anything you'd like to know how to do x

      Delete
  2. Great tutorial! Just voted for you in the Company Blog Awards good luck!!

    Salted Roses // UK Fashion Blog

    ReplyDelete

CUSTOM BLOG DESIGN STYLED BY PRETTYWILDTHINGS