Please visit my newer channel for ALL things blog related as I no longer post this type of video here. http://youtube.com/theblogbeautician

Due to SO many emails/comments about this, I decided to make a video to show you how to create a custom header image with clickable image links in Blogger! NO, this tutorial does not use image maps!! Image maps are oldschool and you don't need them and shouldn't ever use them in your navigation bars! (See my post here: http://icanbuildablog.com/2013/12/why-not-to-use-image-maps/)
If you are getting white spaces between your images, add this bit of code to your CSS:
img {vertical-align:top}

My blog help site for more like this: http://www.icanbuildablog.com
Visit my blog: http://www.thewonderforest.com
Instagram: http://www.instagram.com/wonderforest
Facebook: http://www.facebook.com/wonderforest
Design Shop: http://www.envye.com
Twitter: http://www.twitter.com/thewonderforest

DISCLAIMER
I have the world wide commercial distribution rights to this video.
I created all the still images used for the thumbnail, introduction and credit sequences.
I created these images myself using Adobe Photoshop on my personal computer.
I created the digital artwork featured in this video myself using Adobe Photoshop
on my personal computer.
I created the recording of my header creation process (mentioned above) myself using CamStudio on my personal computer.
The voice actor in the video is me.
Video Rating: / 5

10 Responses to How To Create a Custom Header in Blogger with Navigation Links

  • Kelly Chandra says:

    this tutorial was really helpful! thankyou

  • Shelby Riley says:

    Thank you so much for this tutorial! It was super easy to follow and helped me achieve exactly what I was wanting!! However… There are three horizontal gaps in my header where I sliced the image in Photoshop… How do I remove these spaces? (They didn't happen where I cut the image vertically, only horizontally.) Here's a link to my blog so you can get a visual of what I'm talking about: http://ketchinupwithmissriley.blogspot.com/ 

    Thank you in advance for helping me with this! I've tried searching for how to correct this, but nothing has come up. :(

  • Theresa Burdick says:

    This worked so well! Thanks! However…is there a way to center the image?

  • Mireille Bahati. says:

    Can you please show/explain how to post  content in custom header ? I just don't get how to do that :(

  • dydaaa me says:

    what if I want to put more than one link in one category? do I do <a href=link next to the others or how?

  • Donna Brooks says:

    Wow, that was really great!!  I have just a bit of knowledge of HTML, so I understood everything you did there, but I know nothing about CSS or Photoshop.  Still, I was able to understand everything you were doing.  I will check out your new channel.  I did want to ask: 1) why did you chose Blogger instead of WordPress? and 2) do you know any freeware alternatives to Photoshop for Mac users?  (I know you are a PC user, but I thought I'd ask b/c someone reading this may have a recommendation.  Thanks again!

  • Rosemary Marcelino says:

    Wow!!! You're very good!!! Thank you for this tutorial!!

  • Amal Giknis says:

    Thank you for this awesome tutorial!

  • Katie Addiss says:

    Hi! Thanks so much for your tutorial. I was wondering if the same concept could be replicated using picmonkey instead of photoshop. Do you happen to know? Thank you!

  • spicanez says:

    thanks so much!

Sponser

.

You Count

Caetgories

Twitter Stuff