Pages

▼

Tuesday, January 06, 2015

{Blogging DIY Series} Create your site tab icon ~ Wordpress


So you have survived the first few days of the new year, how do you feel? How is 2015 shaping up for you? 

As I mentioned last week I want to be doing some Blogging DIY posts, I do not know how long this will last but I hope to share what I have learnt in my almost 2 years of blogging. I am in no way claiming to be an expert, I am sharing what has worked for me and things I feel some new bloggers (even older) would appreciate.

Last week I shared with you how to Create Your Site Tab Icon for Blogger and received nice feedback, as I promised last week I am sharing today how to install the personalized tab icon for wordpress. My way is a simple way but only if you have installed Jetpack with your wordpress theme, I will share other alternatives that I found whilst doing my research to help those who do not yet have Jetpack plugin installed.



STEP 1a: Create the Icon you want to be associated with your blog, this is part of your branding and identity.

STEP 1b: Save this file on desktop as jpeg, png or .ICO format. The size of the file should be 16x16 pixels or 32x32 pixels and no more.



 STEP 2: Jetpack (if installed), add the widget called Site Icons which can be located on the Jetpack dashboard.


STEP 3: Go to settings then click General, scroll to the bottom and upload the favicon file you saved on your desktop. Click save at the bottom of General settings and that's you done.

For those who do not have Jetpack installed I found these two nice articles which I think are really good and simple enough to help you add the favicon or tab icon to your wordpress site or website.

I hope this was helpful, let me know your thoughts and add any comments on how this could be improved or even done better.

23 comments:

  1. Unknown6 January 2015 at 18:06

    Thanks for sharing! Unfortunately I have blogger :(

    ReplyDelete
    Replies
    1. Anosa6 January 2015 at 18:12

      Hi Kyla, here is the link to the blogger one http://www.myrabev.blogspot.co.uk/2015/01/blogging-diy-series-create-your-site.html

      Delete
  2. Natalie6 January 2015 at 19:17

    This looks awesome! I have Blogger, too, but I'm definitely going to check out the link you left for Kyla above in the comments!

    ReplyDelete
  3. Breanna6 January 2015 at 19:48

    Great tutorial! I have blogger, but it isn't too hard to figure out! :)

    ReplyDelete
  4. Unknown6 January 2015 at 20:00

    Thanks for sharing, I'm pinning so I can play around later.

    ReplyDelete
  5. Jordan6 January 2015 at 20:34

    I love how you've laid out this tutorial! I do use blogger but still love that you're helping others with tricky stuff like this :)

    hellomissjordan.blogspot.co.uk xx

    ReplyDelete
  6. Cara of Stylish+Geek Blog6 January 2015 at 21:00

    Thanks for your tutorial :) Very helpful post!

    ReplyDelete
  7. Vanessa Morgan6 January 2015 at 21:16

    Thanks for the tutorial. Have a lovely Tuesday.

    ReplyDelete
  8. Farrah6 January 2015 at 23:44

    Thanks for doing a tutorial for wordpress too! :D! Mine is being a hater and demands that it be at least 512px in both width and length but won't work even when I try that, so I'm gonna mess with it later. ._.

    ReplyDelete
  9. Unknown7 January 2015 at 01:40

    Perfect timing! Mine is needing to be changed!

    ReplyDelete
  10. Unknown7 January 2015 at 01:51

    Wow - that broke it down and made it easy! Thanks for sharing -- I love step by step; makes me feel like I can actually do it too!!

    ReplyDelete
  11. Alyssa7 January 2015 at 03:42

    Such great information to know! Thanks for the tutorial!

    ReplyDelete
  12. Unknown7 January 2015 at 04:27

    This is great, and you made it look so easy! Thank you!

    ReplyDelete
  13. Unknown7 January 2015 at 04:47

    Nice tutorial! I don't have wordpress but it was neat to see how you set this up!

    ReplyDelete
  14. Unknown7 January 2015 at 06:06

    Thanks for the tutorial on creating a favicon. I appreciate step by step instructions!

    ReplyDelete
  15. Kelly7 January 2015 at 06:10

    I love this series! I love hearing about others' approaches to blogging! Thanks for sharing!

    xxo,
    Kelly
    http://asideofsweet.com

    ReplyDelete
  16. Brendy Beauty7 January 2015 at 06:56

    Thanks for the tutorial and thanks for sharing!

    ReplyDelete
  17. Unknown7 January 2015 at 10:12

    Thanks so much for sharing its great to have some more info on blogging website help
    Many Thanks
    Rosie

    ReplyDelete
  18. lauriel8 January 2015 at 05:31

    Great tutorial! My favicon was one of the first things I set up - it's so much fun establishing your visual identity. I just wanted to say though... what a beautiful WP interface! I use WP as well, but my interface is pretty bland (white and grey) and even messy-looking in comparison. I never realized there was an option to customize it..!

    xo,
    lauriel
    EyeForElegance.com

    ReplyDelete
  19. Katie9 January 2015 at 18:27

    This is a great tutorial! When | was setting up my blog, I googled how to do everything and it was tutorials like this that massively helped me out!

    Katie <3

    ReplyDelete
  20. RobynK10 January 2015 at 23:32

    This is a GREAT tip -- I did mine a long time ago but had forgotten how, the refresher is always nice!

    ReplyDelete
  21. Ivette14 January 2015 at 05:16

    Love this tip!

    ReplyDelete
  22. Unknown16 January 2015 at 03:45

    Thanks for the tip, it's always great to find blogging tips.


    Turquoise and Tortoiseshells

    ReplyDelete