Tutorial: How to add buttons and tabs to your blog

I'm going to start doing more tutorials...

and our first is 

How to Add Buttons and Tabs to your Blog!

Here is an image of what our layout looks like in blogger. When you click on the "layout" tab in blogger, you can upload your new logo/header as an image or you can use the link from photobucket. Do you already have a photobucket account? If not, create one at http://photobucket.com/ because this site plays a key role in creating the tabs/buttons at the top of the blog.

For the buttons, you can play with the sizes. I made our buttons 100x20 pixels. Once you've created your buttons, upload them to photobucket and click "view album" as shown below:

When the album opens, put your cursor over the image and you'll see this pop up:

When you click on the text next to "direct link" it will automatically say "copied".

 Now back in blogger, click "add a gadget" on your layout. In the pop-up window, you'll click "HTML/JavaScript" and then you enter this text: 

<a href="http://"><img src="http://" /></a>

Then paste the direct link to your photobucket image in the second "http://" spot. Make sure your link is in between the quotation marks. In the first "http://" spot, you put the website that you want it to link to.

Then you just keep duplicating that code in the same gadget, changing the "http://" links.

So for example, the text in my HTML/JavaScript for our tabs at the top of our blog look like this:

<center><a href="http://thepaisleysuit.blogspot.com"><img src="http://i846.photobucket.com/albums/ab30/allyourstorys/Homegreynew.jpg" /></a>

<a href="http://www.thepaisleysuit.blogspot.com/p/about-steph.html"><img src="http://i846.photobucket.com/albums/ab30/allyourstorys/Aboutgrey.jpg" /></a>

<a href="http://thepaisleysuit.blogspot.com/p/pinspiration-projects.html"><img src="http://i846.photobucket.com/albums/ab30/allyourstorys/pinspiration2.jpg" /></a>

<a href="http://pinterest.com/thepaisleysuit/"><img src="http://i846.photobucket.com/albums/ab30/allyourstorys/stephdarktext.jpg" /></a>

<a href="http://pinterest.com/risac/"><img src="http://i846.photobucket.com/albums/ab30/allyourstorys/risadarktext.jpg" /></a>

<a href="http://thepaisleysuit.blogspot.com/p/free-printables.html"><img src="http://i846.photobucket.com/albums/ab30/allyourstorys/printables.jpg" /></a></center>

And if you add <center> at the beginning of the code and </center> at the end of the code, then it will center the buttons on you blog and evenly space them. Once you click "save" then drag that new box to its new location below the header of your blog in the layout screen. That is shown in my very first image.

Please leave a comment below if this helped, if you you have any questions or if you need more details.

Stay tuned for How to Get Your Shop Started on Etsy!

Stylish Hardware

We have a design question from one of my favorite people ever!

My mother-in-law, Nancy, has been crafty and creative.

She has been remodeling their beautiful home and is now working on the kitchen.

Here's here email:

"I just had the best weekend for DIY- I painted the island cabinetry and it turned out fabulous.  I cleaned and sanded the old antique cabinet, then painted the whole thing including the new cabinets on the backside in red.  Then I waxed areas that I didn’t want to paint over and painted the whole cabinet black.  The black had just a touch of blue in it, so in some light it looks super dark navy.  The red came through in spots and I LOVE IT!  I know what you are thinking, did I take pictures, sorry no, I just didn’t think about it until I was done.

But I have a question: The other cabinets in the room are going to be red mahogany color and I was going to use black hardware; do I have to use black hardware on the island too?"

pin

pin

My answer is NO. :) I recommend using different hardware. You could even get some vintage or antique hardware for the black cabinetry. In the two images above, the hardware on the island differs from the hardware on the other cabinets. We love variety!

P.S. In my search for images, I fell in love with this color:

better homes

The Paisley's 2012 Challenge!

We have exciting news!

Our 2012 Challenge will begin NOW!

Details:

You ask a question, and we post with an answer.

Just email thepaisleysuit@gmail.com!

You're welcome to ask any question...

pertaining to interior design, Pinspiration projects, crafts, life, or the like.

Maybe you'll see a pin on Pinterest that catches your eye, but there's no tutorial.

ASK US!

We'll take care of that for you.

Maybe you have been struggling with a design conundrum.

ASK US!

We'll provide an answer.

Maybe you have a mom question.

ASK RISA!

She's a mom! And a great one!

Maybe you have a crochet question.

ASK STEPH!

She just might be addicted.

We are excited for this project!

Be you-nique and enjoy 2012!

Don't forget to send your questions to thepaisleysuit@gmail.com