Grab My Button and Share Yours!

Do you have a button that promotes your blog or shop? If so, please share yours, or a link to where yours can be found, in this thread. Wondering how to make one to post on your blog? Well first you'll need to make the actual button with a program such as photoshop, I'm poor so I use GIMP which I downloaded free off the internet. Then you'll need to know how to do the html code in order to make your button into a clickable link that ties to your shop or other site you'd like to promote. I used <a href="http://www.allaboutkimberly.com/grab-my-button">this tutorial</a> to teach me how to make mine. It also shows you how to make the text box that appears underneath your button containing the html code that anyone can copy and paste onto their blog.


<div align="center"><a href="http://kiddo47.etsy.com" target="_blank"><img src="http://i104.photobucket.com/albums/m193/sgregg78/th_mikitbutton.jpg" border="0" alt="Photobucket" /></a>

<div align=”center”>
<form><textarea rows=”6″ cols=”19″ readonly=”readonly”><a href="http://kiddo47.etsy.com" target="_blank"><img src="http://i104.photobucket.com/albums/m193/sgregg78/th_mikitbutton.jpg" border="0" alt="Photobucket" /></a></textarea></form></div></div>

Time to share and create!


Edit Delete
Moderate: Hide this post
63 replies since 4th February 2010 • Last reply 4th February 2010

Ooooh thank you, I was wondering how to make a button=D
*runs off to make button*
*comes back to copy kiddo's code*
*runs off again giggling*

Edit Delete
Moderate: Hide this post

Hehe =D

I just made another one which I like a lot better! I'm getting a little better at figuring out GIMP.

<div align="center"><a href="http://kiddo47.etsy.com" target="_blank"><img src="http://i104.photobucket.com/albums/m193/sgregg78/th_MiKitBlogButton.jpg" border="0" alt="Photobucket" /></a>

<div align=”center”>
<form><textarea rows=”6″ cols=”19″ readonly=”readonly”><div align="center"><a href="http://kiddo47.etsy.com" target="_blank"><img src="http://i104.photobucket.com/albums/m193/sgregg78/th_MiKitBlogButton.jpg" border="0" alt="Photobucket" /></a>
</div></textarea></form></div></div>

Edit Delete
Moderate: Hide this post

Cool I've got gimp so I'll have to give this a try Happy

Edit Delete
Moderate: Hide this post

I don't know how to use most of the tools on GIMP, but I learn something new each time I use it. I am such an anti-instruction reading person, so I refuse to read the online manual. I didn't draw the cartoon kiddo btw. My friend Robert with JMKit designed that for me. I just resized it to make it fit in the proper space Tongue I think GIMP is my new therapeutic tool!

Edit Delete
Moderate: Hide this post

I started making a button, then got distracted=) I have a cartoon me that I used to use as an avatar before I was brave enough to use a photo, so I'll be using that. HTML makes my brain hurt tho=/

Edit Delete
Moderate: Hide this post

I don't know how some people memorize those codes! Even having the tutorial in front of me it took me forever to get it right! Side note: Laurel your blog is being obstinate and won't allow me to post my comments. After I get to the word verification, there's no button to push to enter it. It's been driving me nutty!

Edit Delete
Moderate: Hide this post

My blog is being a **** all over the place. I can't change some of the settings, I click save, it says it's saved, refreshes the page and is exactly the bloody same. I'll go and have a look at the comment settings - won't be a mo=)

EDIT: I think it should be working now=)

Edit Delete
Moderate: Hide this post

Awesome!

Edit Delete
Moderate: Hide this post

Neat! At one point a while back, I was wondering how to make a button as well. I will put yours on my blog Kiddo and come back with mine one I get one made...hmph, once I figure it out. Tongue


Sheez!!! I finally got it! It took me more than long enough to get it; I was about to get homicidal. Needless to say I saved those frickin' codes!! XD
<div align=”center”>
<a href="http://creativemind.ecrater.com" target="_blank"><img src="http://i32.photobucket.com/albums/d7/me_trish/Shop%20Stuff/th_logo_.jpg" border="0" alt="Shop Banner" ></a> </div>

<div align=”center”>
<form><textarea rows=”6″ cols=”19″ readonly=”readonly”><a href="http://creativemind.ecrater.com"target="_blank"><img src="http://i32.photobucket.com/albums/d7/me_trish/Shop%20Stuff/logo_.jpg"
border="0" alt="Shop Banner" /></a> </div></textarea></form> </div>


Edit Delete
Moderate: Hide this post

Creative, for some reason your code won't work on my blog. I paste it in, save it etc but when I view the blog there's just an itty bit of stray code on the page, half the code gets eaten somehow=/

Edit Delete
Moderate: Hide this post

Well, dammit! I tested it on mine and it works. Lemme try it again...

Ok, I found the problem... in the code that's posted here, it added extra entries, the br / with < and > on either side where it's not needed. I checked the code when I went to edit it and it's fine there, so I don't know what's going on.
I hope you get that, it wouldn't show up in this post if I put it the actual way it's typed.
I will work on it to get it fixed and let ya know when it is.

Edit Delete
Moderate: Hide this post

Now you've said what the problem was I edited the code on my page. It works now=)
I'm dreading working out code for mine, I get a headache just thinking about it lol

Edit Delete
Moderate: Hide this post

Cool! Yeah, it took me a minute to figure out the one for mine. Good luck Happy

Edit Delete
Moderate: Hide this post

I just messed around with the code and posted Trish's on my blog. It's posted under the "Links" tab on my blog's toolbar. I'm anxious to see Laurel's, but yes, html can be maddening!

Edit Delete
Moderate: Hide this post


Reply