This tutorial was requested by Nadia at Cupcake Couture. She wanted to know how to add an image-based navigation bar to Blogger . I go through the steps you need in the screencast after the jump.
I want to take a moment to thank Kate and Allen Coté. I mentioned on Twitter a few weeks ago that I was looking for some new music for my screencasts. I’ve exhausted all the lovely Annette Hanshaw music in the public domain and I was ready for new tunes. So, Kate referred me to her husband, Allen Coté, who is a musician and composer based in Wisconsin. His music, it turns out, is exactly what I’m looking for! I love all the tunes I’ve listened to and I look forward to incorporating more of them into my tutorials starting with today’s. The tunes I used in the screencast: This Spoon (Reminds Me of You) and Sam-I-Yam. Listen to more of Allen’s beautiful music here. Thank you, Kate and Allen!
By the way, if you notice the music fading in and out abruptly — sorry about that! I’m still learning how to edit movies and sound. I’m sure I’ll get better in time (I hope!).
blog photo overlays (part 4)
demo blog banner (in screencast): vintage envelopes from Fuzzimo
poppy: Mellowmint
fonts: Lullababy, Superscript, Cheap Pine
{ 25 comments }
Honestly – I spent *forever* searching for a tutorial like this when I was getting ready to launch my new blog – and never found anything, so I gave up and hired someone to do it for me. Now I can do it myself. :) So clear and helpful! Thank you!
love the music! :D thanks for sharing.
& great post. thanks so much for spoiling us all.
& a double thanks for your lovely comment about my pups :) they send kisses.
Yay for more tutorials. And great music picks!
Yay! I’ve been waiting on this! THANKS sooo much Katrina. Can’t wait to do it!!! :)
This was perfect! thank you so much!
I have been waiting for this very tutorial! Thank you so much for putting it together. I can’t wait to check it out.
I was going to search for this very topic this weekend! Thanks!
I just watched from start to finish – so useful. Thank you.
cant wait to check this out! I could just SQUEEEEZE you<3 you're so awesome for providing this info. I'm downloading the new photoshop tonight, cs5. Do you know if the stuff you do in cs3 is compatible with cs5? I'm hoping it's not too far off so i can be a premium member ;)
Holy smokes! I love this and can’t wait to revamp my nav bar!
I think you can do this with WP too but I haven’t figured out how to yet :P I should and then make a tutorial.
As always, you have the best tutorials! You make changing, designing and having a blog so much more fun. Thank you!!!
Are you mostly focusing on Blogger with the tutorials, or can the WP people among us chime in with questions, as well?
It’s so clear and detailed… thank you so much for this tutorial!! And I love your blog!
Thank you so much for this wonderful tutorial.
I just can’t wait to get started! THANK YOU! xxx
can’t wait to give this a try!! thanks so much for your helpful tutorial. love it!!
@danielleorama: not sure, but i found this @ forums.adobe.com:
@jenny: yes, you can and complexity will depend on your wp theme. :)
by the way: if you don’t want to deal with several images, another way to add an image-based nav bar is to create an image map. this way, you only have to work with a single image.
http://www.puglypixel.com/2010/11/17/pixel-pointers-image-maps/
THANK YOU. So helpful.
I love this! I’ve been trying to figure out how to do this forever, but for some reason I can’t get it to work!
I finally got a chance to watch this! It is sooo understandable and I can’t tell you how much I appreciate you making this available! for free no less! You have me very inspired to work on an awesome blog layout but for now “lemon meringue is serving me very well :)
You are thebomb!!
We’re not worthy! I will be eternally grateful. YOU, my dear, are AMAZING. Thank you for all you do.
Oh my gosh you made the impossible possible! I DID IT ALL BY MYSELF, hahaha. Yay!
So amazing you’re!!! I was able to do it all on my own. My next question is how do you do the drop downs and link with the blog. Does that make sense? Like for instant one of my tabs is categories and I would want the drop down to have engagements, weddings, newborns, etc.
Is there a tutorial for this?
Thank you a million times!
thanks a zillion Katrina.. i’m kinda try to find this tutorial for some yearrsss. i was so desperate, and last time when i have no time for make my own i just pick one of the free-template and upload it.
and because of your easy to understood tutorials, i start to do it by myself. hope you don’t mind that i mention your name for my scheduled maintenance re-design template :)
still working on my blog though. thanks again for inspiring me :D