A blog button is your business card in the bloggy world. Its what you give to other people to direct them to your site. Kinda like handing out business cards. Its can be very valuable to have a button that is appealing, unique and reflects your style. The more noticeable your button, the more likely people are to click it to visit your site.
There are a few things that you need before you start your button.
1. A design program or website – I use Photoshop, but before I had it I used PowerPoint (yes, really) and it worked great. You can also use sites like PicMonkey and Pixlr Express that allow you to create, update and beautify any picture.
2. Graphics and fonts – There are a ton of sites that offer free graphics and fonts for personal use. Some of my favorite places are:
I have personally downloaded from each of the sites and they are great. Most graphics and fonts you download allow for personal use on your blog. DOUBLE CHECK!
4. HTML coding – Dont worry, Ill walk you through this part. I have a sneaky cheater version of HTML.
Ok, lets get started.
To demonstrate, I created a button for my friend Tygre over at Joyfully Yours. Her button consists of three layers, the background, the graphic and the font.
Buttons can be any shape or size. I made this one a 150×150 square. This is a simple button so I just layered the picture and wording over the background. Save and done.
Once you have your button, upload it to your host site. I use Photobucket and it works great. For the coding of the button you will need either the ‘Direct Link’ information or the ‘HTML code’. If you know how to use HTML, then more power to ya! Its a foreign language to me so I found a sneaky way of creating the grab box code.
“Grab My Button” Code Generator is my go to website for grab boxes. Its simple to use, free, and best of all I dont have to do any HTML coding!
To make the code it asks for:
1. Your website/blog Title
2. Your URL
3. Your image URL (found on your host site)
4. I suggest opening in a new window so that people are not directed away from the original site.
It allows you to preview your button and then generates your HTML code. Copy all the HTML jargon and put it in a new gadget on your blog.
To do this, go to Layout > Add a Gadget > HTML/Java. Paste your code in, preview and save. (Im sure most people know how to do this part, but just in case you needed a little visual.) Simple, right?
Now get out there and make yourself an awesome button! Or, if you’d like me to create one for you shoot me an email. Id love to create something for ya!
Do you have any blogger questions? Email me at thegrantlife(at)yahoo(dot)com.
Hey y'all!I'm Kelley. I'm a recipe making, picture taking, coffee drinking momma to 3 crazy kiddos. Join me as I share our family favorite dinners and my copycat coffee drinks too!