{Blogging DIY Series} Create your site tab icon

Happy New Year, I hope you had an amazing time with family and stuffed your faces in delicious foods I sure did since my mother cooked our New Year’s Day meal and I have not had her cooking in a while since I do not live with my parents. This new year has given me a chance to start out a new series I have been wanting to do for a  while not just never had the guts nor the time to implement it so let me know what you think.

Have you ever wondered how some websites or even blogs have a personalised Favicon (otherwise called logo) installed? I certainly have, this year will be 2 years blogging in 7 months time and it only took me also a year and half to learn that I can actually do and make my own personalised logos for my main website A July Dreamer and this blog The Myrabev Life. I was very happy to find I can actually do this myself and do not have to pay anyone to do it which in the blogging world is always a bonus if you can do it yourself. 

You will notice that both my blogs have the same logo and this is by choice and not because I couldn’t be bother to do another one.

Today I will be sharing how I made my Favicon for The Myrabev Life blog and next week I will share how I made for A July Dreamer in 4 easy steps.
STEP 1: Using Photo editors like PicMonkey, create a logo that you want associated with your blog or site. I chose a red kiss since I am obsessed with red lipstick if my lipstick collection is anything to go by.

STEP 2: On Blogger, go to layout and in the top left corner click on edit Favicon.

STEP 3: Using the logo you created and saved on your desktop in step 1, upload the file. **Ensure for Blogger logos that its 100KB.**

STEP 4: Save the logo and save the layout then view your blog. 
For some it may take a few minutes to configure and show up so wait a few minutes before checking the Favicon widget if it worked or not.
There you have it, four easy steps and you have a logo of your own doing. I know as a blogger I open up a lot of tabs when commenting on blog posts so it makes it easy for me to locate what’s what and if my PC was ever to crush and I can not restore instead of going back and re-checking all I usually work with the logos.

Let me know if you found this useful, and if you try it and have difficulties let me know I am happy to help.

  • Great tutorial! Thank you 😀

  • Ohhhh the favicon. A trick among tricks that people do not realize is SO easy! I used to do a series like this for blogger. Glad to see someone else joining in.

  • This is awesome 🙂 Sending it to my friend who is just starting her blog! I remember having to google on wordpress how to upload a site icon!

  • Thank you for explaining all of this, very helpful.

  • Great tip! This is one of the little things people can do to put themselves ahead of the pack! Thanks for sharing!


  • Great blog♥

    How about follow each other?
    I follow your blog. Waiting for you♥
    My Blog: http://juliemcqueen.blogspot.com

  • Thanks hun and good luck hope all works out fine

  • Oh my gosh, this is such a great idea! This will definitely be one of my projects for this weekend!

  • Awww thanks I appreciate that

  • You welcome and the wordpress is a bit similar if not a little bit tricky

  • You welcome Hun, glad to have helped

  • I agree and thanks

  • The wordpress one is tricy especially if you save the .ico file in the wrong place. The version I will be sharing and extra options are easy

  • wooo i LOVE your favicon! i have been trying to come up with a cool icon, yours is really nice!!

  • Thanks for posting this! I've been wondering how to do this for a while, but never got around to researching it. Hopefully the steps are close to the same for WordPress.

  • This is awesome! I have wondered for so long how to do this, but I didn't know what it was called, so I couldn't find a tutorial. Thank you so much!

  • It looks great! 🙂 I think it's good to have a favicon. It adds a little something extra for branding 🙂

  • Yay! I recently saw something on this, but…I'm fairly certain I did something wrong because all it did was turn my background to black (sigh). Looking forward to the wordpress version! 😛 Thanks for sharing!

  • Thanks Melissa, I am really glad to hear that. I can not actually imagine the time when I didnt lol even though its only been like a month and half since I have had my own personalised one.

  • I am really glad to hear that Kimberly, you have made my evening 🙂

  • Great tutorial! So very helpful! I love having a personal faveicon!

  • Thank you so much for this tutorial. It was really helpful.

  • Thanks Breanna I hope so

  • This is a great tutorial! 🙂 It will really be helpful to those making their own favicons!

  • Anytime, you're welcome

  • I hope to deliver Jamie.

  • Thank you, I was always curious how it was made and now that i know wanted to share my knowledge.

  • How fun! I will need go do this at some point! Thanks for the tips. This is great!

  • Can't wait until next week to see how to do this in WordPress!!!

  • I sometimes find it strange when bloggers don't have custom favicon but some don't know who truly easy they are to make! They add so much to the overall blog. Love your step by step guide <3

  • Thanks Gina, I think personalizing your blog logo adds to branding.

  • I will be sharing how to do this next week on WordPress so stay tuned.

  • Thanks for describe how to create it in a free program! I wonder how you would do this on a WordPress site.

  • Thank you so much for this post! This is one thing I wish more bloggers knew about since many times I visit a blog and they don't have a custom favicon. It's a small detail, but definitely adds to your brand!