Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

Uncategorized

How to make tabs for your blog

June 11, 2011

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. 
filed under: 
— Hide Comments
+ ShowComments
What do you think?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  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. 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.

  3. 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?

  4. 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! :)

  5. 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.

  6. 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!! :)

What We're

Loving

Right Now

What We're

Loving

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
Shop All

Love Stories

Love Where You Live

In an industry that often feels designed to make you discontent, we want this to be place you come for inspiration, ideas, and encouragement to make the space you're already in feel like home.
Read All Posts
let's break this thing up

BROWSE BY CATEGORY

01

Portfolio

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

Projects

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

Design

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

looking for inspiration?

Cleaning & Organization

My Storage Hack for Organizing Christmas Decorations

Every year when I pack up the decorations after Christmas, I collect all of the garlands together in one box, I get all the candlesticks together in another box, and all my nativity sets go into their own box. We label the boxes "garlands," "candles," "nativity sets,"...which seems great until you remember that you have […]
Chris Cooks

Cranberry-Glazed Ham

What do you make for Christmas dinner? Sometimes we'll do a prime rib or a roast turkey, but this year, I'm going all out with a Christmas ham that just looks festive. For this recipe, I made a cranberry-orange glaze with some warm winter spices that takes this ham to the next level. Oh and […]
Product Tests

Product Test: Portable Phone Chargers

Raise your hand if you panic when your phone's low battery notification turns on? (Just me??) There's nothing worse when I'm out on a fun holiday outing taking video memories of my family, and I see that red light. Or I'm traveling and stuck in the airport on a layover...it gives me anxiety! I've tried […]
Lifestyle

Ask Julia: Holiday Hosting Help!

I put out a call on Insta to see if anyone needed help with holiday hosting, and I had so many great replies. There were some questions that popped up multiple times too, so I compiled this Q&A to hopefully help you prep for a smooth and stress-free hosting season. It can feel intimidating to […]
Learn With Us
Want to do what we do? Get the tools, mentorship, and training to be a Good Influencer professionally.
Learn More
Looking for Something?

SEARCH THE BLOG

We've been doing this since 2009 and we've posted a whopping 24145+ blog posts and counting. You might need a little help searching, huh?

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!

hello world!
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
© 2024 Chris Loves Julia, LLC
PRIVACY POLICYTERMS & CONDITIONSAFFILIATE DISCLAIMERSITE CREDITCOMMUNITY GUIDELINES