How to Make Blog Buttons Grab-able

I've had several people ask me about how to make blog buttons, and especially how to make blog buttons "grab-able". It's pretty easy. Let me show you how!

First you need an image editing program. I use Pixelmator, but there are many free alternatives on the web, such as Pixlr or FotoFlexer, or you could use something more advanced, like Photoshop.

I'll give instructions using Pixelmator, but it should be similar processes for other programs.

First, open a new project. Decide what size button you want and enter those dimensions. Mine is going to be 300x75 pixels.

Next, decide on a background color and fill it in. You can add variants to the color, such as stripes, a sunbeam, or other artistic modifications.

Add an image if you like. It should be something that represents you and your blog. Try to tie it in with your existing theme so that people recognize your brand when they see it elsewhere.

Next add text to your button. Usually the name of your blog works, or you can use a phrase or saying too. Remember that there's not much space on a button, so keep it short!

Save your button. Make sure to keep a .jpg or .png copy, which is what you'll need to use it online.

Upload your photo to a photo sharing site like Flickr or Photobucket. This will give your photo a permanent web address. Now your blog button is created and uploaded, so it's time to make it "grab-able"!

Make an HMTL widget in your blog's sidebar. Open the HMTL browser and copy/paste the following HTML into it. The all-caps words will be where you enter your own information.

<div align="”center”">
<a href="YOURBLOGADDRESS" target="”_blank”"><img src="YOURIMAGEADDRESS"/></a>
</div>
<div align="”center”">
<form><textarea rows="”6″" cols="”19″" readonly="”readonly”"><a href="YOURBLOGADDRESS" target="”_blank”"><img src="YOURIMAGEADDRESS"/></a></textarea></form>
</div>

Paste your image's web address and your blog's web address into the appropriate spots. Note that there are two places to enter each address. When you're done, save your work and admire your new grabable blog button! It should look something like this:

Comments

DIY Art Journal

Hi, my name is Linda and I am a 25 year old law student living in Manhattan. I blog over at My Passion Is... about my life, scrapbooking, DIY crafts, photography, exploring NYC & more. I am honored to be sharing a post with you today on Jen's blog, so thanks for having me! I recently completed a mini album that I made out of a pasta box so I wanted to share a tutorial with you so you could make your own! What you need: empty pasta box [I used a whole foods penne pasta] scrapbook papers & embellishments a single hole punch sturdy tape [like packaging tape] a paper cutter and/or scissors some sort of binding, either binding rings or ribbon First, you are going to flatten out your pasta box. Then you are going to cut it down to two 6x6 squares [or whatever size album you want to make]. If the box doesn’t fit perfectly in those shapes that’s alright, just piece them together using packaging tape to hold the squares together. Once you cover them i...

Etsy Giveaway: Desert Rose Knit Shop

THIS CONTEST IS NOW CLOSED!! 39 comments are entered - if there are any more at a later time added, they will NOT count. ********** Today I'm christening my new(ish) blog with an Etsy giveaway! I'm offering one lucky winner a cabled beanie of their choice ( pick your favorite color !). This giveaway will run for a week - so you have until next Monday, January 23rd, to put your name in the hat. 6 ways to enter: Comment below about which color beanie is your favorite. Subscribe to my blog on Google Friend Connect . Blog about this giveaway on your own blog. " Like " my Facebook fan page . Follow me on Twitter . Tweet about this giveaway. Please leave a separate comment below for each entry. At the end of the contest, I'll use a random number generator to pick the winner!! Here's a look at some of the color options available. Browse other color options over at my Etsy shop ! ***** Thank you for enteri...

The Disconnect Process

I've begun the disconnect process this afternoon and boy does it feel good! Also a little anxiety-inducing. I switched my Netflix account to have NO streaming and only one DVD at a time. I'd almost forgotten what anticipation felt like! It'll be fun to await each new arrival in the mail. No longer is media instantly streamable for me. Strange but oddly relieving. I deleted my Facebook, Twitter, and Flickr accounts. As much fun as they were, they were also far too demanding of my time. The constant drug-like pull of them to constantly stay connected was too hard to ignore. I turned off all notifications on my iPhone (with the exception of texting, which I rarely use anyway), and switched Mail to be manually pulled. Now I'll have to intentionally check to see if I have new messages instead of being demanded upon to deal with them all as soon as they arrive. I plan to check email once or twice day, so if you don't get an instant response from me like you used ...

Living the Creative Life

Search This Blog