I’m not finishing my ringette pants.  I’m fiddling with this blog’s esthetics.  ie.  I’m putting stuff off.

I’ve taken the image on my business card and turned it into my own site button.  Now I’m trying to upload it.  How to do this is not totally obvious.

First I uploaded the button into this post.  I copied the html from the Whoop Whoop button, planning to change the addresses of the image.  I found my button’s address after I uploaded it to the post by right clicking on the image and clicking on “view image info”.  It lists the image’s address and location – two different things.  I used “location”.  That address goes into the html into the source address (“src=”).  The button is also clickable, which is not useful on my site but would be important if someone else were to put this button onto their site, so that address should be the blog’s address (not a specific post).   I saved the image as a .gif, so that it would be transparent, and that’s not happening, so I’m not sure what that’s about.  The widget that shows the button also limits the size of the image to 140 pixels, largest dimention.  I’ll have to live with that limitation too.  I’m an ex-IT person, so I don’t like to push software too far.  If you do that, things can go very weird on you and there doesn’t seem to be a way back without like reloading the whole site or something equally unpleasant.  You have to develop a feel for these things based on your knowledge level.

Thanks Paulette for reminding me to take this last step: to make it possible for people to copy your button onto their site.  In the html where you’ve specified the button’s image (src=) and what it should link to (href=), you now add the html that creates the little box that contains the html that they need to add to their site:

<center> <textarea  rows=”3″ >…</textarea></centre>

Where I put the 3 dots, you substitute the html that you added for the button. You can make the textbox however many rows high as you want.   You can also specify the button’s size:  “width=”140″ height=”127″ for example.  If that size isn’t good on your site, right click on your other buttons or other people’s sites and see what size they are.

This is all a bit confusing since you’re putting html that’s just text into actual html.  Just trust and do it.  It worked, amazingly.  Isn’t software fun!  Ya, well, when it works…

Ugh!  Too many levels of html.  Too many levels of backgrounds.  Too confusing, I’m sure.  Sorry for the extremely technical nature of this post.  If you understood any of this, or better yet, benefitted from it – wow!! That’s exciting!!  If that’s the case, please let me know.

Tags: ,

5 Comments on my own site button

  1. P. says:

    You want to add a button here so others can copy the code and add it to their blogs, right? So I think you need to put the text box underneath so folks can copy the code and add it that way. Here is a “how to” link for that. I haven’t tried it yet, but I bookmarked it in case I ever wanted to do it. Maybe that will help? http://www.ehow.com/how_489164.....-code.html

  2. P. says:

    Cute button, by the way!

  3. Sarah Craig says:

    I put it on my blog! Background is white, not clear!

  4. Well hi, GreelyRita — after your lovely comment on my blog, I had to go look you up! I’m not a quilter, but had a wonderful time perusing your work. And the photo of you and your RIR is proof that you’re my kind of person! Fun connecting — I’ll be back to look at more of your art!

Leave a Reply