And I figured I'd just do a post, as I'm sure other people would like to know how too. I'm not even very tech-y (I figured this out by trial & error), and I'm by no means an authoritative source on how to do this. But I'll explain how I did mine. Since I've never done a post like this, I'll supplement it with lots of pictures. LOTS. So that even a sparkly vampire could do this.
STEP 1:
Make your pages.
Go to posting--> Edit Pages --> New Page
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgec0A_TE7Ruq806GgFAl8TlhM2fUvhmiPFxRbFwCSTCyjx7ES6T55XfN-b_C77R_JP8Izu-6qgkL0Urfav1B_Tc0EQ1v1J_XqZOMSwpk6UQCfyAax0Qyy8ojHKNAOxT3qRfAUlg0D4JoE/s400/a.jpg)
create the content you want and click "PUBLISH PAGE"
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcokf_JRWx8t_y4NLvn2LPEj_sy2nnx0Q78qDtLCi0fPQujC8cP3DOS9Ed5g01RXO-d9MzT_ArIXaScYcUxvvIZB3EjLh_P-SVKUL0Iwh25Fa3bTtpDE3eCXYnTSZDEZcl91Tx8i7-cEk/s400/a1.jpg)
Make sure to select "No gadget" out of the options. Click SAVE AND PUBLISH and then VIEW PAGE.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSGRULaBtaQK36fXo85juEYmXhtjCNSuWFS6ItFTGgSs0yCiZdG8oP9wv_fJGeGAgkSXbo7f6U7nx4h0OaW1FqGc3_Ub2gzylh3urp8bM-V_D8O0d3wkoDGPPklzmfjPu3IfckuGSHqJ4/s400/a3.jpg)
Highlight and copy the page url. (You're going to need this)--paste it somewhere safe so you can keep it.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxjeBWN-BTdDQjqF2f3yAdjw7zFTvjC0wW_81FMXLS9dww58upXVix4OwGaUeIz8Cg3maGBuFJeqQ2bEJCtU4NtTAy-d1LFkb5Cxr7cQPDIt_UboOMSVaHT5uaZuZINwnqOFoAp3mdO9s/s400/a4.jpg)
STEP 2:
Make or find page buttons and save them to your computer.
I have photoshop, but there are photo editing sites all over the web that'll allow you to do something simple like make a colored rectangle/circle/etc and put font on it.
Anyhow, something like this will do just fine:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb5_wuWsuoS9vA1f1UBBksB1opmilqND2jXBFqOPoSxrkmND52OPchbo41TB4Nut2EOycYvOJx-MIHvGLUwyWZjLxhlkw1tK4U5Y-LXgUG1m0SXYZb0DgPeDjQwmJSDk333kEnNolZIoY/s400/home.jpg)
I made four since I want four pages: Home, About, Index, Blog Roll
STEP 3:
![Add Image](http://www.blogger.com/img/blank.gif)
Upload your page buttons to an online image host.
I recommend photobucket.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE71PZOCFS9VVxNIkkeD83V5-lQSsDhGeZyDEb5W09vEFj7JjCUBHHxx4cC1tix22uEXuYTYQUvl56-cdmBBrFD1B5oNneGqZQiZPzBdHAlAUBVCNyIQSJSIQN97W0Yw9fG3lccUFfS18/s400/a6.jpg)
Once your page button is done uploading, right click on it and select "Copy Image Location"
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK_RcjOAocejlBZvs4fWo-_YhIW_aeaE1QryGH3k4G_EOevTwhmT4S7VA3SLMXxqHnEko9ogqKbFCsmYZLRMegAlIc5QyclrJJIgGmw2pyDyaUwWHIvOY61jNzVL9eiba-5ad2Xo5-npw/s400/a7.jpg)
For my URL, I got:
http://i904.photobucket.com/albums/ac243/chocowrites/th_home-2.jpg?t=1276295200
STEP 3:
Input your URLS into this code:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzRrHQpNAcB5x6Xl93q8jh6sjt-4xSkgjEW1nMha5ystdoiy8fSroyt0R3Uj7AWEPXcty2Pd5mZGEBxGG_xwZRBfnBkGUa34shDuH8y6hUtdCZNUWu6fM0hW2bG0Wmyk6SduJZblSH2Q8/s400/a.jpg)
STEP 4:
Add the page buttons to your blog.
Go to Design --> Page Elements --> Add a Gadget --> and Select HTML/ JAVASCRIPT
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8RuP1lG_W5aEfoawLlRk1q2ev-3ktZCSfXK1dE7kQ5cnszYwbxOtlvSUvqtuZkIvVxB5o-a5irLTMFqZwzUZkXHVbDdhO62yEv9XXe2f5sKZP7uatmEJTOYEu7guhfwmKLIZEkwpGXuU/s400/a8.jpg)
Paste the code(s) (for each button) into the HTML/JAVASCRIPT and click SAVE.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj06DjD4SDBwqGejoQyXD9zwIY3q51GTz0pkstGlVBU96awj3B2kDrxSVjhYnywZ2uTe-67AAPl2ig9cbi1aY9AcilsYw_VkHFeSQB7ciKm8YKn85qCymFxiuNSPSJBSquX6Zx9xAttJnA/s400/a8.jpg)
If you want you buttons in the center, directly under the header, move the HTML/JAVASCRIPT BAR. Just click and drag to above the section that says "Blog Posts".
STEP 5:
Feel oddly gleeful that you now have page buttons on your blog XD
I hope this helped!
Any questions?