*peeks head out from under a pile of wet, rained on, yarn*
If you haven’t already seen this, the Red Scarf Project 2007 is about to start so go on over to Norma’s blog and read about it for the details. It’s near and dear to her heart so use up some of that pretty red yarn you have in your stash and take part in this wonderful charity knitting project. Everyone who knits a scarf and posts a picture on the blog could be the lucky winner of a skein of Scout’s hand painted yarn. It will be a beautiful skein of 400 yards of 100% worsted weight merino in shades of red and a touch of denim blue. Again, just head on over to Norma’s for all of the details.
Here is a button I made. You know the rules. Stealing other people’s bandwidth is super bad Karma. Save it to your own server, slap it up on your blog and get knitting.
How To Add A Button To Your Blog Tutorial!
For those of you who don’t know how to add buttons here is a quick tutorial. If you need help just let me know. I’m no HTML expert by any means so if anyone who is sees something that needs to be changed or can think of a better way to explain it let me know and I’ll fix it.
1) right-click the button you want and save it to your OWN computer.
2) (this is the trickest part for some of you) You now need to upload the button back up to your own space somewhere online. Depending on your ISP (internet service provider) you should have space online where you can upload pictures. Go to your main account and see where they have ftp access information or directions as to how to do this. Otherwise, you could upload to a flickr account and that could work too.
3) once you have successfully uploaded the image you need to figure out the image URL. For example this image above is - *http://scoutj.com/images/red_scarf_project.jpg*
4) depending on your blog host, you then have to find where your sidebar HTML code is so you can add the button HTML. For example, in Wordpress you go into presentation>themes>theme editor>sidebar.
5) The first thing you should do is copy the entire HTML code and save it on your computer in case what you do messes it up. Always backup your HTML code!!
6) decide where you want your button to go and all you have to do is use this HTML code and take out the spaces before and after the < arrows> and because Wordpress is being a pain you need to delete the X they are sticking before the src and href.
< img xsrc="place your button URL here">
7) sometimes you have to play with your HTML and add some additional code to center/right/left/justify it so you like how it looks. There are a cajillion HTML tutorials online to help with all of the code you may need. Just remember to back up FIRST so you can always just copy and paste your original code back in if you mess it up.
for those Mensa students, you can then make your button a hyperlink (where you click it and it takes you to another site) by simply adding one more piece of code. Remember to take out all spaces after & before the < arrows > and the x’s.
< a xhref="the url link where you want the button to take you" >< img xsrc="place your button URL here">< /a>
For those of you who get completely stuck I have added one more option. Go to this HTML help page and you can simply copy and pasted the code I’ve provided. After talking with my we guru Bruce, he said it’s okay for you to hotlink this one image.
17 Comments
Love the button!
Thanks for the tip on the red scarf project! I’m up for participating in this–I’m already
working on my pink scarf for the think pink project. The heart pattern i’m working up
will work for this too since it is for valentines day:)
I will probably do this & I just popped over to suggest Starbucks as a drop-off location.
Thanks for the great button. I’m excited to start my scarf for this year’s drive. Since one of the spots where they collect and put the packages together is near me, I’m hoping to do that too this year.
Cute button! Thanks. And a good tutorial, especially because I remember having NO CLUE when I started blogging how to deal with the buttons.
I’ll mention the Red Scarf Project yarn prize tomorrow or Friday…
And hopefully the rain is done so you can get your yarn dry!
Hey, I already signed up for this, and now I could actually win something? Sweet!
One of these days I will start actually doing buttons…
I would love to do this.. it is such a great idea.
Honestly, I don’t think I have ANY red yarn.
I love that Button. I’ll go save it and add it the right way in a bit.
Love the button, I’m in for this and I even have some red yarn.
Great button! As someone who works at a college you have no idea how much they appreciate getting mail! This is such an amazing project, I participated last year and can’t wait to do so again this year.
Thanks for the button and the chance to win some yarn!
Thanks a million for the button tutorial! I am definately in for the red scarf project. Mydh was in just that situation when he was in college with no family as he was raised in a children’s home and once they reached 18 that was it for help. I cannot imagine my 18 yo having to go through all that on his own. So this is a swap near and dear to my heart.
Off to figure out where my server puts stuff or to see if I can figure out the Flikr thing. I alrady have an account.
I know how to spell “already” really I do. I just can’t type wortha a darn and there is a point on your comments where I can’t see what I am typing. I CAN spell! and I know it’s Flickr too! LOL.
Love the new button, J! Very cute
Thanks for the button - and the tutorial! I’m so technology-impaired that I still couldn’t figure it out, but in the process of
trying I learned that if you save the button on your computer and then use photobucket, they give you the code for the
“tag”! Yay!
Hi Scout,
There’s also a pink scarf project with a much closer deadline. Go here: http://pinkchallenge.blogspot.com/ for details.
Thanks!
-Mary