There are many ways to photo edit customized headers and images for your blog. Photo Shop, Photo Suite, Photo Explosion… heck even Paint will work! (although not my recommendation) But there is a fabulous and FREE software available!! It is known as the GIMP.
Why I Gimp:
- Gimp is available for Windows and Macs alike
- You can save your images as jpg, gif, png, and many more formats
- It has the capability to create animated gifs
- There are tons of online tutorials available
- Did I mention the Gimp is free?
I was recently asked by K over at Orange Juice about how I made my header links. And so I thought I would love to show all you techy moms out there a great feature of the Gimp!
- Upload your header image to a photo storage site (photobucket seems to be the most popular). Keep the tab open so we can grab your URL for the image later on.
- Download the Gimp! If you are a windows user, download here. If you are a mac user, download here. I will be honest and tell you that it has been awhile since I have downloaded it, I hope it is self explanatory enough! If you are having troubles with the download, google installing Gimp and several beneficial websites will come up.
- Once you have Gimp installed and ready to go, open it up. It should be pretty similar to the screenshots below (although Windows and Mac are a bit different, and there have been recent updates since my last download)
- Go ahead and open up the same header image file that you uploaded to photobucket. (you CAN use the gimp to create a header file, but for time’s sake let’s use one that is already created)
- On the top of the screen, go to FILTER, WEB, IMAGE MAP. This will bring up a new screen.
- Use the square, circle, or polygon tools to define where on the image that you want your link. (you are basically hyperlinking your image). Once you have a region selected, a pop up menu will ask what URL (or link) you want the selection to follow. I just copy and paste these URLs from my browser so I know there isn’t any spelling errors.
- Once you are finished defining your areas, double check on the right hand side that all your links are showing.You can delete unwanted links by selecting the link and clicking on the minus sign that is directly left of the selection list.
- Go to VIEW, SOURCE. You will see several lines of code. We will be copying this directly and pasting it in your blog as html. Of course, since this is the header, make sure your widget is located at the top of your site.
- One more step- we have to change the image location on what you just pasted…. instead of “banner3.jpg” (or whatever the name of your pic is), you need to add the URL for the image from photobucket (it will be something like this “http://i439.photobucket.com/albums/qq119/jsmith/header.jpg”)
- Try it out! If it works, HOORAY for you! If not, well…. I am no expert. Search for more tutorials ‘cuz there are plenty out there. And the most important thing about GIMPing- and anything really- the best way to learn is to dive in with both eyes open. Good luck, and please let me know if you have more questions or if it worked for you!!!
Good Luck!! Happy GIMPing!