Blogger UnWrapped: Adding Pages To Your Menubar and Blog!

I love Blogger. There I said it. I know many people love WordPress, but I have been a fan of Blogger for years. Not only is it free, but it is easy to customize. However, I was annoyed that Blogger did not allow you to post "pages" like you can in WordPress. A page is like a post but does not have a date on top.

Pages are great for when you want to link information like "About Me", "Tutorials", "Prices", "Favorite Links", etc. on your menubar. Previously you would have to make a post and backdate it so it wouldn't show up on your front page. It is easy, but then you have a date on top of your "page", unless you remove all dates from your post. People will wonder why you wrote your "About Me" in 2000. :-)

Well, Blogger now has Pages!!! Yes, I was so excited when I suddenly realized that there was a new tab in my Blogger menu called "Edit Pages". And I am going to show you how to add Pages to your blog, and link them through a menubar. If you don't have a menubar yet, please go read my post Adding a Top Button Menubar. Not only does that tutorial show you how to add buttons as a menubar on your blog, but I included some free buttons!

We are going to pretend you made an "About Me" button and now need to make an "About Me" page to link on it.



Got to your Blogger menu and click on "Posting", "Edit Pages".


All of your Pages will be on this page (you can have up to 10). To add a new one, simply click on "New Page".


You will now have a post editing box which you fill out like any other post. In this case you will write a bio about yourself and perhaps add a few good hair day photos. You can click on "Post Options" to allow comments if you want them on your page. Then "Publish Page".


Blogger will ask you how you would like the Pages Gadget to appear. You can have your "About Me" as a side gadget or just under your header (great if you want a little information about your self on top of your blog on every page). But I am going to select "No gadget" because I want to link this page on my menubar and not have it on the front of my blog. Especially since I usually don't have a good hair day. Press "Save and Publish".


Now you need to grab the URL so you can copy it in your "About Me" menubutton code. Click on "View Page".


Here is your "About Me" page, and notice it has no date! Copy the URL and paste that where you put the links as seen below.

Now when you click on your "About Me" button you will be directed to your "About Me" page. How easy is that?


If you want to edit your Page or make a new Page, go back to "Edit Pages". All of your pages will be listed and you can view, edit or delete them there.

I hope this has encouraged you to love your Blogger blog even more! You can also use this method on menubars that are not buttons. My next Blogger tutorial will teach you how to link labels on your nifty menubar.

If you have any questions, please post them them in my CoffeeShop Flickr Group!

30 Comments:

Emmy February 11, 2010 at 2:33 PM  

So awesome! I totally missed this, thank you so much!!!!

Laura February 11, 2010 at 2:53 PM  

Wahooo...PAGES!! Go, Blogger! I'm so glad you caught this! Thanks for the instructions. I'll be changing my menu bar "posts" form 2006 to pages soon! Thanks, Rita :)

keyr February 11, 2010 at 3:25 PM  

i had no idea !!! thanks . this feature will come in handy !!

The Hatch Family February 11, 2010 at 3:51 PM  

Thanks, Rita! I was just wondering what to do about a 'about me' area. You rock.

O Schrock February 11, 2010 at 3:52 PM  

Wow! That's awesome! Thanks for pointing it out!!!

Crystal Young February 11, 2010 at 4:01 PM  

Oh I love Blogger too, and will be adding this to my blog soon!

But I have a question. So I cover a wide range of topics on my blog, and I have seen some people be able to organize all of these under these menubars - like DIY, Photos, Agriculture etc. Any help there?

www.cdycattle.blogspot.com

Rita February 11, 2010 at 4:07 PM  

Thanks everyone! Crystal, that will be my next Blogger tutorial. I have to keep you coming back for more!!! Rita

mom2four February 11, 2010 at 4:20 PM  

THANK YOU THANK YOU THANK YOU! Very fun!

Barb Phillips February 11, 2010 at 4:51 PM  

I am so excited to finally not have to make multiple blogs just so that I can have pages. Thanks Blogger and to you for spreading the news.

Julie Marie Portraits February 11, 2010 at 6:53 PM  

Thx so much, Rita. Can't wait to updatethis on my blog!

amber February 11, 2010 at 11:12 PM  

can't wait to try this out tomorrow! thanks!

Just Say Cheese-it February 12, 2010 at 1:35 AM  

SWEEEEET!! Thank you so much for this post! Gives me something to do this weekend!!

way outnumbered February 12, 2010 at 7:23 AM  

This is just the coolest!!! I loved that this came out just in time for my new blog design...only problem is now that I have Pages, I'm thinking I'll need way more than 10!!

Jen Madigan Photography February 12, 2010 at 1:01 PM  

This was so helpful!! Thank you so much for posting.

Silver Horse Photography February 12, 2010 at 1:31 PM  

Thanks so much! Now I have something fun to work on this weekend... Happy Valentines Day.

Celesa Felix February 13, 2010 at 12:30 AM  

Rita I am having a really hard time linking them together. I have created my button and made my page. I am using photobucket. Will this work too? Please help I really like that look. Thank you.

Tracy (Serendipity Images) February 14, 2010 at 11:46 AM  

Thank you so much for posting this! Not being able to add pages has always been my biggest problem with Blogger, and I am so excited that they are started offering it! Now I need to go through your tutorial on adding a menu bar! Thank you so much for all of your help!! :)

CraftCrave February 16, 2010 at 8:08 AM  

Thank you! This blog post will be advertised on CraftCrave in the Tutorials category today (look for timestamp: [16 Feb 01:00pm GMT]).

Photography By Teresa March 10, 2010 at 5:21 PM  

Okay I accidently clicked the wrong button and put it as a blog tab and not a "no gadget" and I can't fix it. Do you know how I can put it as "no gadget" and add it to my menu?
I can delete the page and create a new one but it keeps doing it as a blog tab and not a "no gadget" thing. URG frustrating.

cynthia gayle March 29, 2010 at 7:53 AM  

Rita, I cannot thank you enough for posting all the Blogger help that you do!! You have saved me hours of research--for that I am grateful (so is my husband!!) I have gone through all the steps to add pages, the buttons are showing up on my blog, I have added each page ("under construction" was typed on each page til I get to that part!) and the pages are there when I look at the edit section of adding pages but when I click on them they do not work! Do you have a Flickr discussion going on about this? Thanks so, so much!

Diana by Lagoa Design Studio April 16, 2010 at 1:23 PM  

Did someone say to you that you are GENIUS? I found your blog and think I'll stay to live here... if you don't mind:)

Thank you, thank you, thank you. I'm so grateful I can't explain you...

Have a blessed day!
Diana

Lara July 11, 2010 at 7:28 PM  

I too accidently clicked the wrong button and put it as a blog tab and not a "no gadget" and I can't fix it. Do you know how I can put it as "no gadget" and add it to my menu?
I can delete the page and create a new one but it keeps doing it as a blog tab and not a "no gadget" thing. Help me, please!

Welcome to Cherrey Hill August 13, 2010 at 3:02 AM  

Thanks for you tutorial. It really help me alot. I have found the way in how to create page link but I can't find it at all. Now I have understand about it. Really thanks to you.

Anonymous December 31, 2010 at 5:00 AM  

awesome blog, do you have twitter or facebook? i will bookmark this page thanks. jasmin holzbauer

Electro de Fog January 1, 2011 at 2:06 PM  

Hi Rita, Do you know how to connect labels to a menu bar (pages) so that the various pages update per the labels? Thanks. And, thank you for the free information you have posted on your website.

Cynthi March 26, 2011 at 12:01 AM  

Thank you! Thank you! Thank you!
I've been trying to figure this out for so long! I found a link to your tutorial on a Blogger help forum. LOVE your site!

Dee May 1, 2011 at 8:37 AM  

I've been looking for something easy like this ...I totally overlooked this addition to blogger...thank you so much for posting...now to go learn about the buttons

Michele Pacey June 1, 2011 at 2:50 PM  

Hi!

This is a great tutorial which I have already put to good use. Thank you so much for doing it (and all of the rest as well). I do have one question. Is it possible, once you've created several Pages (over the last several months), to go back, and select "No Gadget"? I've tried everything to no avail. I'm thinking it's impossible but I thought I'd ask, just in case you might know...

Thank you so much for your time!

Take care,

Michele

Leah February 16, 2012 at 7:18 PM  

I did the same thing and clicked show gadget too. Under the design tab there is a gadget called pages, I think we can remove that and then put up our own pretty menu bar instead.

Anonymous July 29, 2013 at 12:50 PM  

Hi Rita, this is extremely helpful!!! thank you so much, you saved me so much time. But i have one question, when I view my about me page and copy the link, the html doesn't say "about-me" it just says "blog-page_000". how would i go about changing the html so that it says about me on the link when i click on the button. Thank you