- A half teaspoon of sugar,
- A half teaspoon of olive oil
Mix well, and gently rub it on your lips. Remove with a tissue and it will swipe away dead skin cells.
Mix well, and gently rub it on your lips. Remove with a tissue and it will swipe away dead skin cells.
I've been noticing a lot of new bloggers are asking the same question: How do you create a top menu bar on Blogger/Blogspot? I asked this question on my blog, and no one could tell me. Also, the question has gone unanswered on the Blogger Help Group a few times. I discovered a very simple way on my own.
There are sites where experienced bloggers can help you with this task, and we will be linking to them. However, my idea behind this series is for two bloggers who are inexperienced with HTML and CSS to go step-by-step through what we did. If you have anything to add to our instructions or questions, please comment, as I am by no means the authority on blog design.
On to method 1: The easiest way, but also the simplest looking. If you want frills, this method may not be for you.
From the front page of your blog, click "customize" in the top right corner. You should be looking at the "Add and Arrange Page Elements" page. Do you have a rectangle under the "Navbar" that says "add a Page Element"? If not, The first thing you will need to do is to manually change the HTML template of your blog to increase the options of places you have to add page elements. If you have page elements at the top, skip to step 2.
1. Manually change the HTML template of your blog to add more space for a Page Element.
The best instructions I have found for this are at 'Tips for New Bloggers' in Bizwhiz's post entitled 'Add Page Element to Blogger Header and Blog'
His article has excellent step by step instructions and color illustrations that I couldn't possibly improve on, so I'll just hit the highlights:
To Increase your options for adding page elements to your template:
<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement=' no'>
<div id='main-wrapper'><b:section clas='main' id='main' showaddelement=' no'>
<div id='content-wrapper'> <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement=' no'/></div>
Once these changes have been made, click 'preview' to make sure that the changes are appearing correctly. Once you have verified that the changes appear correct, click 'save template'. You are now ready for the next step!
2. Write a new post for each page you want to link on your menu bar. The most common are Home, About, Favorites, Contact, but you could do anything. The links you use will be the URL for each specific post.
For Home, it will be your blog URL.
For Contact, it will be mailto:youraddress@email.com
3a. If you want your menu to have your header's background color:
3b. If you want your menu to have your posts' background color:
4. Choose "Text"
<a href=http://yourblog.blogspot.com>HOME</a>
<a href=http://your aboutpageURL>ABOUT</a>
<a href=http://yourfavoritepostsURL>FAVORITES</a>
<a href=mailto:youraddress@email.com>CONTACT</a>
Or any others you want.
I separated them with a few dashes (-----) in a color matching the background to get them spaced how I wanted them. You can also add a between each section which looks very clean.
I've been noticing a lot of new bloggers are asking the same question: How do you create a top menu bar on Blogger/Blogspot? I asked this question on my blog, and no one could tell me. Also, the question has gone unanswered on the Blogger Help Group a few times. I discovered a very simple way on my own.
Create your buttons using Photoshop or PaintShop (I use Photoshop)
1. Change the background color to the color you'd like to use for your buttons. Click the background square on the toolbar (shown with the arrow), and then select the color for your buttons.
2. Select FILE>NEW. Under image size, change the height and width to the desired dimensions. If you would like to make the menu stretch across your entire header, divide your header width by the number of buttons you want.
3. Add text. Chose the Horizontal Type Tool (the T on the toolbar) Click on your background and type what you want the button to say. Change color and font accordingly. If you need to move the text after you type it, you must change to the move tool in the top right of the toolbar. I do not know how to make a border on your button in Photoshop, I am certainly no Photoshop expert.
4. Save your button by selecting FILE>SAVE AS.
5. Upload your buttons to a photo hosting service such as photobucket.
NOW WE WILL ADD THE BUTTONS TO YOUR BLOG
1. Manually change the HTML template of your blog to add more space for a Page Element.
The best instructions I have found for this are at 'Tips for New Bloggers' in Bizwhiz's post entitled ' Add Page Element to Blogger Header and Blog'
His article has excellent step by step instructions and color illustrations that I couldn't possibly improve on, so I'll just hit the highlights:
To Increase your options for adding page elements to your template:
<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement=' no'>
<div id='main-wrapper'><b:section clas='main' id='main' showaddelement=' no'>
<div id='content-wrapper'> <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement=' no'/></div>
Once these changes have been made, click 'preview' to make sure that the changes are appearing correctly. Once you have verified that the changes appear correct, click 'save template'. You are now ready for the next step!
2. Write a new post for each page you want to link on your menu bar. The most common are Home, About, Favorites, Contact, but you could do anything.
The links you use will be the URL for each specific post.
For Home, it will be your blog URL.
For Contact, it will be mailto:youraddress@email.com
3a. If you want your menu to have your header's background color:
3b. If you want your menu to have your posts’ background color:
- On your Template/Layout, click the rectangle under your Header, which says Add a Page Element
4. Choose HTML/Javascript. In the content box, add the HTML tag for your buttons from Photobucket. The code will look something like this: