January 24, 2008

Picture Link

Thanks to my awesome friend Kristal I have learned how to make a picture a link and thought I would offer to share it with you. I got smart and decided to put the code as a picture so it would let me share the code. Here's the code with directions underneath. To see the code larger, click on it:


Go into your customize page and select Add a new page element and select the one that says HTML/Javascript. Put in the above code and replace the www.siteyouwanttogoto.com with whatever site you want linked. Then using a picture hosting site such as Photobucket, load the picture and then copy and paste the DIRECT LINK into the code where it says yourpicture.jpg. Easy as that. Now, if you have any questions let me know :)

Edited to add: To do links on the side of your blog like mine, you need to size them to bout 125 pixels on each side and 72 dpi. Also, if you do it wrong the first time and try uploading a picture to photobucket again you have to name it something different and then paste the new link.

11 comments:

Betancourt Family said...

That's SO COOL!!

moochiee@juno.com

Melissa Rodriguez Photography said...

Neat!
melissarodriguezphotography@yahoo.com

Jen said...

jcamphuysen@sbcglobal.net
good to add to the 'ole bag of tricks! Thanks.

Anonymous said...

please share!! please share!!

Kristal said...

Uh, you do realize that we are changing the world of blogging as we know it. This is going to be on blogs all over the world by March. Good thinking. Wait...we need to make some money off of these great ideas!!!!

Kristal said...

Uh, you do realize that we are changing the world of blogging as we know it. This is going to be on blogs all over the world by March. Good thinking. Wait...we need to make some money off of these great ideas!!!!

The McKays said...

So, you mean, I can make my logo into a link by doing this?? I have been asking everyone I know how to do this! I'll give it a try! Thanks SO much for sharing! You are AWESOME!

Melissa said...

yeah, i should have charged 10 bucks a head huh kristal. blast! My next idea i will definitely make some money off of :)

The Sorensen Family said...

Melissa,
Thanks for the tip! I loved the rounded corners post too! Quick question. Which blog template do you use that lets you have such a big header, without any borders?

Thanks!

Andrea :)

Melissa said...

i think to have the bigger blog header you have to have a different html code that you paste directly into the body of all the html for your blog. I haven't done it in such a long time that I"m not really sure what it is anymore I just have it saved and paste in the image code. but for it not to have a border, I make the borders white or whatever page color your background is where you can customize your colors.

Kristal said...

hey, i miss having a whole mel ful playlist! I do love that song, but as I put it onyour blog to listen to your sweet tunes...it only gives me one...make a play list!!!