designing a blog button - on a mac and more
I stumbled upon a new blog which i find a very good read. In Every Season - and she offered her readers the chance to advertise for free on her site. Simply the nicest. Especially for a newbie as myself. So i jumped at the chance, natuarally. Her requests were an email describng your blog and a button. A button... she says. What the heck is a button??? I did a search and came across a bunch of different methods to use, and none worked quite right. ugh! So my awesome husband came to my rescue. (after i tried and tried to follow all directions i found, even though im sure lots of fellow bloggers are way savvier then muah) eh. I gave in let him do some tinkering with the codes and magically (or at least it seemed so) it worked! Wahooo!
1. Create your button picture: Begin with a picture or your logo, no larger than 150 pixels wide. Include the title of your blog, as the point is to help increase your blog traffic, right?. I made my button picture in a free photo editing software for Mac's called Seashore. Most websites i found were geared towards blogger/wordpress type blogs as well as PC editing software. All good but none i could really use being as i use a mac.
2. Host your picture: Find a place to host your picture. I use Photobucket. I made a new account and it was quick and simple. I uploaded my button to Photobucket. If you go into albums, you'll find your button photo. You'll need the Direct Link.
3. Create HTML for your button: I found tons of code online - most oudated and didnt work anymore - part of the reason i decided to post recent instructions to creating a button. This code was revamped by mr. husband and tested to work! Use this code and replace yourblogURL with your blog's URL, yourimagedirectlinkURL with that direct link URL i mentioned in step 2 in Photobucket, and your blogs name in the blogname.(keep the quotation marks!)
<a href="yourblogURL" target="_blank"><img src="yourimagedirectlinkURL" alt="blogname"></a>
4. Place the button in your sidebar: In your blog sidebar, (i use sandvox) choose the add a gadget or in my case i chose objects and insert raw HTML. In the title area, put whateva your heart desires for grabing peoples attention to wanting to grab your button (hehe) and put it their blog page. Then in the HTML box, use the HTML from the previous step you created. Save it. Make sure your button shows up on the sidebar and that the button takes you to your blog.
Merry early Christmas friends - this was my present to all of you. Serioualy though, i hope this helped!
Enjoy your new button and happy blogging. Oh and check out that blog i mentioned, shes pretty darn cute.
xo-steph
ps - everyone deserves a glass of wine a day…cheers!