How To: Tabs In Blogger

Hey Lovelies!

Okay so check it out, quick, simple, step by step instructions on how to add tabs to your blogs. If I should tag this post with the 'My Hair' tag, it would be grouped with other posts having the same tag under the My Hair tab at the top of the page, under the name of this blog. That's how it works! So without further ado...

After signing into your blog:

1. Click 'Design' at the top right-hand corner of the page.
2.Under the header in your layout, which would more likely be your blog name, add the HTML/JavaScript gadget.

The way I have my layout structured, I just click Add Gadget at the side and drag the finished box to the space below my header.

3. Name the box and copy and paste this code into the content area:

<ul>
<li><a href="http://yourblogname.blogspot.com/search/label/Tab One">Tab One</a></li>
</ul>

4. Replace the information highlighted above with your own, and click Save. When you put in the code, depending on the dimensions of the box, it'll move around. That's normal but there should be no spaces in the HTML.



4. Preview and make sure everything's the way you want it, then click save.

And that's it baby! Quick, simple, easy.

Tips

• The name of the box isn't important if you're dragging it to the top of the page. If you prefer to leave the tabs to the side, then your tabs would have a title, like any other gadget.
• To create more than one tag...

<ul>
<li><a href="http://yourblogname.blogspot.com/search/label/Tab One">Tab One</a></li>
<li><a href="http://yourblogname.blogspot.com/search/label/Tab Two">Tab Two</a></li>
</ul>

...etc.

Let me know how easy it was to follow this tutorial and how it works for you. If you have any problems or any questions, comment below and I'll definitely get back to you. :-)
God Bless and Much Love,
Lee ♥♥♥.