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.

Rounded Corners

I've had several inquires on how I do the rounded corners, and though I do not attempt to know what I'm doing or if this is the easiest way to do it, but this is how I do it. If anyone knows a better way, please feel free to share!!!

I start with the picture I want to crop, size it to 4x6. I then open another blank template and size it 4x6 as well.

Then I go back to the original picture and select the Rounded Rectangle Tool. At the top you can set the radius, I set it to about 0.4 but play with the numbers to find how rounded you want your corners. Use this tool to crop the picture. If this tool creates a colored overlay, go to your history bar on the right and change the opacity to 0%. Then go to the Paths menu in the history bar and click on the drop down menu in the Paths bar. Select Make Selection. Set feather radius to 0 and click ok.

Then go to Edit at the top, select Copy Merged then click on the blank 4x6 template and then paste. Flatten and then size for web.

I hope that wasn't too hard to follow. Let me know if you have anymore questions. I have CS3 so I'm not sure how it works in other photoshop programs.