Quickie Tutorial for posting a Button

February 18th, 2007

I just wanted to write a quick post about how to use the Finding Water button as a link in your sidebar. Unfortunately, I only really know how to explain this step by step for typepad, but still the info may help blogger folks too!

1. First you need to save the image. Right click on the image above and save it on your computer. For a mac user, you press ctrl and click on the image and select save. And remember where you save it!

2. Once you've got the image saved to your computer, you'll need to upload it to your blog. You do this by going to the control panel when signed into typepad then to the "files" tab. On the right you'll see a place to "upload files." Browse and find the image you saved to your computer, then upload that image.

3. You'll see now in the list on the left, a link to the image you uploaded. Click on that link and a page will pop up with just the image on it. You should then save the web address for this page. It will be something like: http://www.yourblog.com/image.jpg

4. Now close that window and open up the "Typelists" tab on your typepad account. You can add this link to an existing list or make a new one for it. I used the "link" type of list.

5. Open up your list or create a new one. There will be three spots to fill in: Link title, link url and notes. In the link title section you need to put the following code using the web address you saved in item #3 above: <img src="http://www.yourblog.com/image.jpg">

6. In the link title section, you should put the website of the finding water blog: http://artfulwater.blogspot.com

7. You can leave the notes section blank.

8. Save the new link and you're done!

p.s. If you don't use typepad and want to add a link to your blog using just html, you would save the uploaded image to your blog as written about in steps 1-3 and then use the following html:
<a href="http://artfulwater.blogspot.com"><img src="http://www.yourblog.com/image.jpg"></a> I think that's how it goes. Anyways, I'm no techno genius, but hopefully that'll be helpful to some of you that are unsure how to do this. Good luck!

9 Responses

Thanks for posting this information
I am severely technically challenged – need every scrap of help I can get :)

omg I use typepad. May you NEVER have ants at your picnics! Now lets see if I can figure this out.

Ha! I did it! I have no idea what I did. I have no idea whether or not I can duplicate this. But HA! I have this one! (onwards – now I want to collect the Create a Connection on)

and where were you last night when i worked on this for an hour?! LOL. i finally got it, though!

I’ve printed it out, so hopefully I can follow step by step – I think I’ll wait till I’ve slept, so I have the concentration for it, lol – I’m easily intimidated by these sorts of things. Thanks for the tutorial, Leah!

I am such a nerd – if anyone can help me add this to my blog please
let me know:(

I am such a nerd – if anyone can help me add this to my blog please
let me know:(

you are awesome! i wimped out and had my computer-geek husband add the image to (both) blogs. so, uh…i’m not really much help in the blogger department except to say that what you have here looks like it would work pretty much the same.

Count me In! I love this idea! Thank you!

Post a Comment