*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.
8) 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.