Uncategorized

How to make tabs for your blog

June 11, 2011  —  Written by Julia Marcum 

We believe we should all love where we live.

We’re a couple of homebodies, working to uncover the home our home wants to be. And we’re so happy to have you here. 

Portfolio

Projects

Design

We're Chris + Julia

read more

What we're                   right now

Loving

browse the shop

Befores, afters, mood boards, plans, failures, wins. We’ve done a lot of projects, and they’re all here. 

We have a long-standing relationship with DIY, and love rolling our sleeves up and making it happen. 

Even when you don’t want to rip down a wall, you can make that space in your home better. Right now.

browse all

browse all

browse all

02

01

03

Popular Posts

1.

2.

3.

Top Categories

Big shout-out, first and foremost, to Patty-Patty (my sis) for giving me the 30 second tutorial on how to make tabs for your blog.  And I know–well, I think–I am one of the last people to figure it out, but just in case I am not the very last and you have been Googling for days “how to make tabs for you blog” with zero satisfactory, know that I’ve been there and now I am coming to your rescue.

These are the basics.  I am not about to pay someone to design my blog (which I hear is pretty common), so if you are a DIYer like me, you can do this.  And if you’re not, you can do this and call yourself a DIYer.  Win. Win. (Win…for all you fellow Office fans)

1.)Make sure you are logged in and then click on “New Post.”

2.)You will see your typical blank post and in the upper left hand corner, you’ll see that the “Posting” tab is selected. Under it, there are three options: “New post” (which will be highlighted) “Edit Post” and “Edit Pages.” Click on “Edit Pages.”

3.) Each “New Page” is a tab. Ta-da!! You can title them whatever you want and adding content is exactly like writing a post. Easy, huh?!  One thing that is different about tabs, is that they are automatically set to not allow comments.  If you would like to have a particular tab’s comments enabled, just scroll down to where it says “Post Options” right above the orange “Publish Post” button.   Under “Reader Comments” select “allow.”

4.) If you click on the “Design” tab at the top (in the same row as the “Posting” tab you were just on), you can edit your pages, by clicking the blue “edit” in the tan box marked “pages.” You can change the order, or select ones that you would rather not show. For instance, I chose not to display “Home” (that one is the only tab that automatically shows up) because clicking on the blog header brings you to the home page anyway.

5.) If you want to customize the font and color, just go into “Template Designer” —-> Advanced—-> Tabs Text/Tabs background.

6.) To center your tabs under your header, scroll down farther in the “Advanced” template designer until you reach the very last option, “Add CSS.”  Copy and paste in the white box:
}
#PageList1 {
position: relative;
left: 30px;
}
(to adjust it, just play with the number 30, and watch your tabs move left or right until it is just right.  I think a smaller number will scooch it to the left and a larger number will move it to the right.  Atleast that was true for me.)
I really hope this helps someone.  Currently, I am still getting all of the information in my tabs, but it has been a nice addition to our blog and I am happy to update them over a couple days weeks.  Feel free to ask any questions you have.  Although I am not very computer/blog/tab savvy–I will do my best to answer them.  Especially if it is a “does this look okay?” question.  Those are my favs. 

What do you think?

  1. I was hoping that by adding the pages it would have linked my blogs. Like for instance I have a page entitled “Yummy” for all my food blogs. But when you click on Yummy nothing is there but a spot to add comments. Is there a way for the blogs I have “tags” on to show up under those pages?

  2. Lauren Miller says:

    Thanks for this! I’ve been trying to figure it out for a while. You can check out the difference it made on my blog here http://millermemoires.blogspot.com/

  3. Hmm. Are you trying to add a post to one of your pages specifically? It seems to me that each page (or tab) is the equivalent of one post. You can add to it. You can link from it, but I am not sure there is a basic way to add multiple different posts to one page. Let me know what you are trying to do specifically and I’ll see if we can figure it out together.

  4. Dawnzaharis says:

    When I try to add a new post on one of my tabs, it just goes to my home page :( Why?!

  5. Dscbullnado says:

    Hi, this was so helpful! I was able to add a new page to my blog. Can you tell me how to post to those pages??? I want to keep my blog organized. I know you said adding content to the pages is as easy as posting but i dont know how?

  6. Stephanie Narup says:

    Ah, this is so awesomely simple! I’m currently trying to do a re-do of my blog (most of it being in Photoshop right now – who knows when it’ll actually get applied!) and this helps SO much. Thank you thank you thank you! :)

  7. Rojagegeo says:

    thanx for the simple step by step procedure…

  8. Darlinmarion6 says:

    Thank you. That was really helpful

  9. Hannah Sullivan says:

    I can’t seem to find any of this on mine :/

  10. Kar says:

    Patty is a genius. And bless your heart for sharing. I’m starting a recipe blog and really, really needed to figure out tabs. I’m so glad you took the time to put it up here. The Bradley girls rock.

  11. Patty says:

    Wahoo! Shout out received! Tabs are the best. You blog looks fanTABstic!

  12. DoublClik says:

    How do you get different styles of buttons? I’ve seen some fancy rollovers…

  13. Tiffany says:

    I refuse to pay someone to design my blog too! I’ve been googling EVERYTHING to figure out stuff– HTML code freaks me out, but I’m learning!! :)

all the latest

We believe we should all love where we live.

We’re a couple of homebodies, working to uncover the home our home wants to be. And we’re so happy to have you here. 

HI! We're Chris + Julia

read more

Load More

Reader Faves

SHop all

What We're                     Right Now

What We're                 Right Now

Looking for our favorite things? A place to shop our home room by room, or just catch up on what Julia's wearing / loving right now? Browse the CLJ shop. 

Loving

looking for inspiration? 

Over the weekend Brooke (our social media manager) and I went to the Parade of Homes in the Raleigh area and it was so fun to get a feel of how other people in our new area are living and living large! The purpose of the parade is so that home builders and designers can […]

Can We Send You Our Love Letter?

Another way for us to stay in touch! Joining our weekly newsletter gives you access to exclusive content, never-before-seen photos, your questions answered, and our favorite DIYs. Sign up below!

Follow Along on Instagram

Welcome to our online community where we've posted home, DIY, style, renovations, and family since '09. Renovating our #cljmoderncottage in Idaho and headed for new adventures in Raleigh, NC. #cljfam #cljtransformations

@chrislovesjulia