Skip to main content

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:



Labels:

Comments

Post a Comment

Don't even try to leave a link in your comment... it will be deleted without warning.

Popular posts from this blog

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
6 comments
Read more

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
41 comments
Read more

Meet a Designer: Stephanie Kubo

I stumbled across a completely fascinating artist today, Stephanie Kubo . Her portfolio doesn't state if she's a working designer, illustrator, etc, but her work is exquisite so I think she fits the bill for including in my Meet a Designer series. Enjoy! (Linking up with Kristen Victoria ).
Post a Comment
Read more