I found a cool site called Image Chef and in about 3 minutes was able to create this cool banner. The whole process was so easy that I thought it might be something good to share. Here's the banner I made. Nifty isn't it?
You can either get the code that links back to Image Chef, or you can save the image to your computer. It could then be cropped and/or resized to fit into a smaller space - and might be useful for a number of different things.
For example, this nice little banner is also a link to The Prosperity Project.
How did I do that? I cropped the banner, resized it to 200 pixels wide, and then uploaded it into this blog post as an image. I then clicked on the "html tab" (right next to the "compose" tab) and did a little editing. Here's how: When blogger uploads an image, it uploads 2 urls. One is prefaced with a href= the other is prefaced with src=" The second one is the link to the actual image that you see on the page, don't change that one.
The first one, the one that follows the a href=" is the one you want to change. Be sure not to erase the little quotation marks before and after. Also, remember to include the http:// Replace the blogger url with the url to your link. In this case, it would be http://theprosperityproject.blogspot.com instead of http://bp1.blogger.com/ _D8VwTKAphks/ R91TRUSVfCI/AAAAAAAAHxk/ q3mulh8h8Sw/s200/tiny-banner.jpg
If you want the link to come up in a new window, add this phrase target="_blank" after your link.
Mine looks like this:
"http://theprosperityproject.blogspot.com/" target="_blank". When you do the editing, you'll see little things that look like < and >, be sure not to erase them by accident.
For good SEO, and if you really want to get fancy, you can "caption" your picture link by finding (in the html) this little phrase alt="" All you have to do is type between the " and the " whatever it is that you want the image to say if someone hovers their mouse over it. In this case, I typed in The Prosperity Project. If you're not sure what I'm talking about, hover your mouse over the big banner, you'll see that it says ImageChef Custom Images. Now hover your mouse over the little banner. It should say The Prosperity Project.
So, this is how I make image links without having to write or remember anything too complicated. I am no expert, nor do I have much experience with non-blogger blogs. But if you have any problems, just leave me a question or a comment and I'll see what I can do to help. Have a great day!
You can either get the code that links back to Image Chef, or you can save the image to your computer. It could then be cropped and/or resized to fit into a smaller space - and might be useful for a number of different things.
For example, this nice little banner is also a link to The Prosperity Project.How did I do that? I cropped the banner, resized it to 200 pixels wide, and then uploaded it into this blog post as an image. I then clicked on the "html tab" (right next to the "compose" tab) and did a little editing. Here's how: When blogger uploads an image, it uploads 2 urls. One is prefaced with a href= the other is prefaced with src=" The second one is the link to the actual image that you see on the page, don't change that one.
The first one, the one that follows the a href=" is the one you want to change. Be sure not to erase the little quotation marks before and after. Also, remember to include the http:// Replace the blogger url with the url to your link. In this case, it would be http://theprosperityproject.blogspot.com instead of http://bp1.blogger.com/ _D8VwTKAphks/ R91TRUSVfCI/AAAAAAAAHxk/ q3mulh8h8Sw/s200/tiny-banner.jpg
If you want the link to come up in a new window, add this phrase target="_blank" after your link.
Mine looks like this:
"http://theprosperityproject.blogspot.com/" target="_blank". When you do the editing, you'll see little things that look like < and >, be sure not to erase them by accident.
For good SEO, and if you really want to get fancy, you can "caption" your picture link by finding (in the html) this little phrase alt="" All you have to do is type between the " and the " whatever it is that you want the image to say if someone hovers their mouse over it. In this case, I typed in The Prosperity Project. If you're not sure what I'm talking about, hover your mouse over the big banner, you'll see that it says ImageChef Custom Images. Now hover your mouse over the little banner. It should say The Prosperity Project.
So, this is how I make image links without having to write or remember anything too complicated. I am no expert, nor do I have much experience with non-blogger blogs. But if you have any problems, just leave me a question or a comment and I'll see what I can do to help. Have a great day!
No comments:
Post a Comment