How to...make a button

Making a blog button is really easy, anyone can do it, here is how I make mine.

1. First you need to create a logo or find a picture to represent your blog. You can do this in any photo program such as paint, picasa or my favorite photoshop.

2. Upload your graphic to photobucket, if you don't have a photobucket account it's free to sign up. Once your picture is uploaded, go to edit, resize and change the dimensions to 125 x 125.

3. Copy and paste the code below into notepad. Change the bold type to your web address and the direct link to your photo in photobucket. To get this link: click picture, share, get link code, then copy the direct link code and paste it in the spot below.

<a border="0" href="Your Web Address Here" target="_blank"><img src="Direct Link to PhotoBucket Here" /></a>

<textarea cols=”15″ rows=”4″ wrap=”virtual”><a border="0" href="Your Web Address Here" target="_blank"><img src="Direct Link to PhotoBucket Here" /></a></textarea>

4. Copy all that code and paste into your add html widget in blogger. It should look like this when you're done, with a text area below the button. If you just want the button without the grab html code below then only copy and paste the first line of code into your html widget.

<a border="0" href="http://peppertowne.blogspot.com/" target="_blank"><img src="http://i611.photobucket.com/albums/tt197/amyhodges/featured-button.jpg" /></a>

How to...drop down menu

How to make a blogroll or link party Drop Down Menu
I've gotten a few questions on how we added our simple drop down menu instead of a long list of link parties, so for all you link lovers here it is.

<form name="jump">

<p align="center">

<select name="menu">

<option value="http://missmustardseed.blogspot.com/">Miss Mustard Seed</option>

<option value="http://cottageinstincts.blogspot.com/">Cottage Instincts</option>

<option value="http://betweennapsontheporch.blogspot.com/">Between Naps on the Porch</option>

</select>

<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">

</p>

</form>

Instructions:
1. Copy and paste the code into notepad
2. Replace Bold type with your link address and Yellow type with your link title or blog name.
3. Copy your new code and paste into add html widget or blog post 


Tips:
If you're having trouble double check that your email addresses look exactly like mine: no www 
No extra spaces in code, everything has to be together.
 You can add as many links as you want, simply copy and paste extra lines of code
<option value="YourLinkHere/">LinkName</option>

It should look like this:

Miss Mustard Seed Cottage Instincts Between Naps on the Porch The Girl Creative It’s so Very Cheri Keeping it Simple The Persimmon Perch Sumo’s Sweet Stuff Skip to My Lou Making the World Cuter A Soft Place to Land Tip Junkie Between Silly Little Sparrow Today’s Creative Blog Cottage Dreamers My Frugal Family Reinvented The Thrifty Home My Backyard Eden We Are THAT Family The Trendy Treehouse Women Who Do it All Blue Cricket Design Someday Crafts Just a Girl Beyond the Picket Fence Somewhat Simple Tales from Blogaritaville Life as Lori The Shabby Chic Cottage The Shabby Nest My Romantic Home It’s Fun to Craft Fingerprints on the Fridge Just a Girl Beyond the Picket Fence Somewhat Simple Tales from Blogaritaville Kojo Designs Remodelaholic Finding Fabulous