Friday, July 27, 2012

How To Add Blog Side Tabs

Décor and the Dog blew up yesterday.  Our Stylelist Home feature made it’s way onto AOL’s headers.  I couldn’t find the link but from the snarky comments left on Stylelist Home it appears that the post was labeled something like “Most Incredible House Tour Ever”…which led some to be mighty disappointed. Thanks to those of you that left nice comments and are sticking around.

Luckily, I had cleaned up my blog a little this past week-end.

I had some requests for directions on adding tabs to your side bar.  My tabs are linked to blog post labels. (You have the option of adding a label to each blog post in Blogger.) You could modify this to link to any address that you would like.

image

Get ready to be a fancy pants blogger!

You will need to make a rectangle that contains your text.  I did this step in Photoshop Elements but I am sure you could accomplish the same thing in Picassa or possibly PicMonkey.  You will need to export your tab to ~190-200 pixels (depending on the size of your sidebar dimensions).

Buildit

Upload your tabs to PhotoBucket.

Head to your Blogger dashboard and go to the  “Layout” tab. Click "add a gadget".

image

Select "HTML/Javascript”.

image

Head back to PhotoBucket and copy the “HTML code”.  Paste into the “HTML/Javascript” window that you opened in Blogger.  Do this for each tab.

image

image

Click the "Rich text" button so that the images appear. (On the right in the image above.)

image

Highlight the image and click the “hyperlink” button. (Pointed to with an arrow below.)

Untitled

Insert the address you want the tab to link to.  If you want it to link to the labels you have added to your blog posts, you will use….  http://www.yourblog.com/search/label/NameofyourBlogLabel

My address looks like this… http://www.decorandthedog.blogspot.com/search/label/BuildIt

The label that I use in my blog posts is “BuildIt”.  I did find that it has to be exactly like you labeled it in the post.  “buildit” would not link correctly.

image

Repeat for each tab and save.

Check out your fancy pants blog!

I decided to limit my labels to the main topics I cover on the blog.  Not every post will be labeled but I feel like it may be easier for readers to navigate.  I have also updated the tabs at the top of blog.  Not every post will make it to the top tabs but I like to make things as easy to find as possible around these parts.

Any questions?  Do you label your posts?  I didn’t start until last week and I’m still working on it.  Start early newbie bloggers!!

29 comments:

  1. I can do this! Thanks for sharing your fancy ways. And boo snarky. I am going to go leave a nice comment over there just to show them who's boss. Or something like that.

    Have a great weekend! :)

    ReplyDelete
  2. This is so brilliant! I'm a total newbie (7ish months) and I love being able to organize my posts, I do label them so I can find them easily, and now I use inLinkz to create my project gallery.

    Jessica
    stayathomeista.com

    ReplyDelete
  3. Wow....I didn't read the comments yesterday, just the article. People are SO rude and mean. I love you and Nate, your home, and your blog :). Some people are just stupid!

    ReplyDelete
  4. Nothing to do with today's feature ;) But I enjoyed the article in Stylist Home. I guess some people just aren't happy if they're not whining about something! Their momma never taught them any manners - if you don't have something nice to say, keep your mouth shut!
    Like the commenter above, I had read the comments yesterday either. People can be RUDE - they aren't going to get any new followers on their blog!
    Keep up the good work - your house is very nice and you should be proud :)

    ReplyDelete
  5. I just read the comments from yesterday's article and all I gotta say is "haters gon' hate". I don't understand what makes people feel the need to be nasty when they comment. Regardless, it was still a fun opportunity for you to do that interview and I hope you don't let a few people soil the experience for you!

    ReplyDelete
  6. Ignore the snark. Our kitchen island was featured on Hometalk.com and was called things such as cheap, tacky, and unprofessional looking. Eff those haters.

    Sorry for cursing. ;)

    ReplyDelete
  7. I kind of want to jump through the screen and strangle those commenters. Your home is beautiful. Fact. And I've been there, so that outweighs 300 haters!

    ReplyDelete
  8. I truly don't understand some people. If they have nothing nice to say, than don't say it, I mean, were they not taught this when they were little? Don't pay them any attention, we all have your back! Thanks for the tutorial, I have to try this out, cause you know me, I'm all about doing thing on your own. ( or email you with questions ;)

    ReplyDelete
  9. RUDE PEOPLE do not matter :)

    Thanks for the tutorial. I plan on giving my blog some major fixing up in the next couple weeks. I mean, in between laying hardwood...

    ReplyDelete
  10. can't wait to go through all of the tabs... I bet I'll find some "oldies but goodies" from before I found your blog! :)

    and... don't worry about the rude people, let's just say that some people are unhappy and negative in life and the internet is their outlet. :)

    ReplyDelete
  11. Congrats on blowing up! I was worried it meant that it crashed, but AOL is huge! No one could be dissappointed with that home tour.

    This is so helpful! I've been wanting to organize the blog a little. I'm pinning this in case I ever get around to it!

    ReplyDelete
  12. People can be so negative and it's just rude! Don't listen to whatever they have say because it's not true.

    Thanks for the tutorial:) I just may have to try it out!

    ReplyDelete
  13. Don't worry about the haters. Those losers weren't featured on AOL. Ha.
    Love your fancy pants blog.

    ReplyDelete
  14. Congratulations on the explosion! That is some craziness. But whoever labeled it "the most incredible house tour ever" or whatever, totally set you up for the snark. There is no such house which would ever live up to that headline and escape snark-free. So don't take it personally. I don't see those losers on styleist home. And YHL. And coming soon to theaters.

    ReplyDelete
  15. I'm gonna pin this for those blog things I know I should get around to, but haven't yet. Seems like a lot of work for this non-techie but maybe I can do it.

    ReplyDelete
  16. Ugh...I'm such a lame-o. Can't even figure out how to pin it. I give up.

    ReplyDelete
  17. Are you serious? People can be so rude, your house is adorable. Shame on them! We still love ya!!

    ReplyDelete
  18. This post is so timely! I am just learning how to play around with my blog, and in fact added social media icons today (which I am super proud of! lol) and now I came to see what's going on over here, and bam! How to put stuff on your sidebar. Your blog is awesome, because I came across your bed frame tutorial a couple weeks ago just one day after my own failed attempt at bed making! I love your blog, and your house is gorgeous!

    ReplyDelete
  19. Thanks for taking time for sharing this article, it was excellent and very informative. as a first time visitor to your blog I am very impressed. I found a lot of Keep it up. Thank you .http://www.inuwtuin.nl/terrasoverkapping

    ReplyDelete
  20. I don't have blogger, I have Wordpress, but I think I can figure out how to make these from your tutorial. Sorry about the snarky commenters. I guess their mom never taught them "if you don't have anything nice to say, don't say anything at all". You guys have a gorgeous house. If you didn't, it would never get any publicity.

    ReplyDelete
  21. Don't pay attention to the haters. I find you hilarious. I'm from Kansas. It's a known fact that Kansas and Iowa girls are the funniest around. ;)

    Here's a question: How (or where) did you get your social media buttons (side by side) at the top of your side bar? I'm using addthis but it makes my blog super slow. Boo.

    (And if you're looking at google analytics wondering "who in the Philippines is reading my blog?" it's me! I'm here for work for a week.

    ReplyDelete
  22. Blah to the snarky commenters.
    Blah to my boring blog. I need cool sidebar tabs like you.

    ReplyDelete
  23. When I was taking the Blogging Your Way course from Holly of decor8.com she talking about how to handle "trolls" as she called them. Over the years she has decided to delete their snarky comments instead of letting them spread their hate all over her blog. Unfortunately, you can't do that on another website, but hopefully you can focus on all those readers who love what you do and appreciate your hard work (and humor). Like me!

    ReplyDelete
  24. ok, I love that you explained this! I follow you on instagram and thanks to my google search I found your blog AND this tutorial! Thanks so much!!

    ReplyDelete
  25. Yes! Finally something about kays.

    My web-site: advanced seo training

    ReplyDelete
  26. Yеs! Fіnally sοmeone wгites about atlanta fuгnished apartments.



    Hеre іs my websitе: 3D Lеttering tattoos
    - -

    ReplyDelete
  27. An RO system provides sparkling clean normal water that can make
    delicious soups, sauces, coffee, tea and juices. There
    is an easy tool termed as a snake, that's ideal for this. There are a couple of, however that is usually used with all the accordion style discharge hose. Geyser activity is seen as an violent and intermittent water discharges (eruptions) right from the Earth's surface
    often when combined steam. Recent technologies happen to be induced to create the revolutionary brand of plumbing supplies and as
    such electro fusion materials and products are an
    element of this new distinct plumbing supplies.

    Also visit my blog post plumbers birmingham

    ReplyDelete
  28. Thanks so much for teaching us how to blog side tabs. It can be a little intimidating when you have to do it yourself. This makes it so much easier.
    website design

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...

My blog has moved

You will be automatically redirected to the new address.

If that does not occur, please visit http://www.decorandthedog.net'.