How I Learned how to Build a 125X125 Banner Ad by the Ninja Coder
You want to create a logo for free!
This post should be renamed “How to Make a 125 Banner.”
Ok, no big deal you say right? Making little button ads that link out to a website somewhere is a piece of cake. Easy stuff, no big deal. Well it is a big deal to me because as I have said before I HATE programming!
It was only nine months ago that I decided to veer life’s course toward learning how to make a little moohlah off the Internet. I had been hearing all these fantastic claims of millionaires being created from nothing more than putting ads on their websites. I had been publishing stuff for free on the web for over ten years. It’s my turn dammit!
Well that’s a joke. There are many people that do make a lot of money, but it is not by slapping a couple of AdSense groups of ads on your favorite website and then sitting back to light up a stogie. It’s a Hell of a lot of hard work.
I put in at least 10 14 to 14 18 hours per day, EVERY day of the week, trying this, tweaking that, reading mmo Blogs, learning the domaining game, writing, writing and writing. If it wasn’t fun, I would NEVER work this hard at a real job.
A few months ago I couldn’t have told you the difference between a <b> and a <br> in HTML code. Not because it was that difficult to learn, I just never wanted to, or had a need to…
So here’s the deal. When I first started reading Garry Conn’s Blog about six months ago, I was struck with how common sense this game could be. That’s if you don’t let it overwhelm you. Those of you who know Garry, and if you are reading this I can’t believe any of you don’t know him, well he is occasionally a tiny teensie weensie bit opinionated. That’s just part of his charm.
Early on I asked Garry how to learn enough HTML to learn how to make some slight code changes in WordPress themes or plugins, when needed. He gave me a very positive reassurance that learning that crap was EASY! He he he. Needless to say he got me. It isn’t easy, it’s a damned struggle.
Well today I am a Ninja coder ready to do battle. Not really but I always wanted to be a Ninja something or other. So you know those little 125X125 pixel button banner ads that are all over everyones websites? I HAD to know how to make one.
So for those of you that want to create a logo for free, here is how I did it. Maybe some of you will laugh and call me an idiot for doing it this way, but it worked for me, and if you need to learn how to create a logo for free, then it will work for you also.
First you have to find an image you want to use and then you have to crop it to some size that is workable. I have an old version of Adobe Photoshop that still works good enough for me, so I took part of my banner at the top of this Blog site, the lovely Carribean beach, and I cropped a chunk of it to about 400X400 px so I could see what I was doing with it.
Then I was going to use WORD to just type out the visible label that you can see which says LinkMoney dot org, and then paste it over the image as a layer. Well I decided I had absolutely NO idea how to do that, so I used the “T” text tool on photoshop to type that label in the cloudy sky of my image area. OK, so now I have an image, with a visible label.
Now how the Hell can I insert the magic code that makes your mouse pointer turn to a little hand and then allows you to click on the image to go to somewhere else? Well I used a search on Google which was something like “how to create 125 banner ads.” None of the sites gave me the exact info but I started to get the picture that hey, why not go and look at some and see how they are already set up on your own sites?
Great, now I’m getting somewhere… Er, sort of.
Well I realized that there were two parts to the code. One was for locating the image itself, and one for where the link should take you to. Now when I looked at some of the buttons using the mouse right click and “properties” I have on my own websites, it really was not very clear because the codes all seemed to be very long and like CRAZY stuff. I can tell you now, that is because those images and links are on the advertisers own websites or sites that they have designated to keep track of some very specific stats.
The easiest way is to make it work on your own website first. I have about a dozen sites that are doing nothing, nothing at all because I just don’t have enough time to write content or to do any promotions with them yet. I’ll get a Round Tuit soon enough.
So I uploaded my image as a post on one of these dormant sites and then started playing with the link code.
You have to use the href command first. That’s the sound my Dad used to make when he would come into the dark room where my date and I were on the couch. So that little command is the one that is going to take you to another location. Here is what I ended up using for the first command line:
<a href=”http://linkmoney.org”> (Which will bring you to this website.)
Then I had to decide where to park my image because that would be permanently in the code and must always be available. You could just park it on your own computer somewhere, and call it up, but then your computer would have to be on all the time. No good. Your web hosting company probably has some storage space for files or images that comes with your hosting package, but I didn’t want to bother to dig into how to do that.
(Note: Since I wrote this post several months ago it has become my most popular of all, thanks to you readers. I did learn that it is very easy to go into your WordPress root and create a folder named “images” then upload all images to that folder and when you want to use them just link to them in the html code.)
So I said to myself, self ! Why not one of the photo hosting websites? They’re all over the place. I had an old account at HELLO which was part of Picassa/Google, but too late. Google has shut HELLO down. So I set up a quick account at photobucket.com and resized my image now to 125X125 and uploaded it to photobucket.
Below each image in photobucket there are some little pieces of html code that allow you to copy and paste images into your posts or emails at will, and I also was able to doctor that code up a little to be able to work with my new 125 ad.
So here is the secod part of this code.
<img border=”0″ src=”http://i457.photobucket.com/albums/qq295/LMDO_photo/125copy.jpg” width=”125″ height=”125″
</a>
What that all means is the img (image) src (source) is located at photobucket with their identifier and jpg extension. Then just for good measure I stuck a couple of dimension commands on there. Not sure I had to do that or not, but I don’t argue with success!
It worked, the damned thing worked, woo hoo ! (Ninja speak)
So now boys and girls, you are going to see that little ocean beach scene all over the place.
You can do it too!
Now if you have any questions, you have my permission to ask Garry and he will very politely tell you that “that crap is EASY !”
I’m Rich !
ps: If you like this post you will want to Subscribe with the RSS button.
pss: 125 Exchange free traffic.
psss: Create a logo for free!
pssss: As you enjoyed this post “How to Make a 125 Banner,” you should bookmark this page and also you will want to subscribe using either the RSS button or email subscribe box.




















![Validate my RSS feed [Valid RSS]](images/valid-rss.png)
this is a great post — you’ve got a wonderful writing style. one thing you might want to mention, though, is WHERE to put the HTML. can you add it in photoshop? (i think this is possible but don’t know how to do it and would love to learn!)
just stumbled this post. it’s a good one!
jackie
Comment by jackie sheeler — August 25, 2008 @ 1:33 pm
Jackie, you’ve made my day! Very nice to hear things like that. I write like I talk and some people seem to like it also.
You are right there is a little confusion about what the heck to do with the code. I’ll make an addition to the post later.
Here’s what I did. You just end up with the two lines of code as a text file, right? Then when you want to insert it into a website or email or advertising spot, you just copy and paste the text into the document.
On most WP themes there is a widget area to put things in the column, so go to the widgets, select text box and past the code into it. Simple.
If you do not use widgets, then you have to decide where you want it to appear in the sidebar and edit the sidebar.php code.
Is that clear as mud?
Thanks a bunch for the Stumble. I really could use some traffic. What I REALLY need is LINKS, don’t we all.
All the best to you.
Rich
Comment by rich — August 25, 2008 @ 2:21 pm
This is a very interesting post. I always wanted to know this too. Give us some more easy to learn things like this please.
I just gave this a Digg and thanks.
T.
Comment by T. Monery — August 26, 2008 @ 9:49 pm
Hey thanks T.
Need all the help I can get. I’ll start logging some of the other things that I have learned as I keep progressing in this business.
All the best.
Rich
Comment by rich — August 27, 2008 @ 8:59 am
[...] This instruction is similar in nature to the one I posted about How to Make a 125X125 Banner Ad [...]
Pingback by How To Make A Link To Post To Comments | LinkMoney.org — September 10, 2008 @ 1:25 am
Great post, Rich…and a BIG help to dumb guys like me…
Thank you.
Comment by B Shantanu — September 26, 2008 @ 10:15 am
Thanks for the comment B.
I struggle along with all of this coding stuff and when something works I try to make it doable for others.
Best to ya.
Rich
Comment by rich — September 26, 2008 @ 10:29 am
rich: You and your readers might enjoy this:
http://satyameva-jayate.org/2008/09/26/125×125-banner-ad/
Comment by B Shantanu — September 26, 2008 @ 3:31 pm
Very good on the 125 link.
Short and to the point, easy to understand.
I’m not sure that most people will get the file where you host the image easily, but with a combo of your instructions and those on this Blog I think they’ll get it.
Thanks. Keep in touch.
Rich
Comment by rich — September 26, 2008 @ 4:34 pm
[...] our previous most popular Blog Post: How to Make a 125X125 Banner Ad. If this post is of interest, please click your social bookmarks of choice: These icons link to [...]
Pingback by How to Check Keyword Link Serps in Google — September 28, 2008 @ 8:34 pm
[...] Now we shall discuss how to build the proper HTML code for this button. This is very similar to the post that we presented previously about “How to Make a 125 Banner Ad.” [...]
Pingback by RSS Data Feed — September 30, 2008 @ 6:52 pm
Just when I need one. Thanks for sharing it. Now I’d better get myself a nice image…
Yans last blog post..Thinking About Currency Trading?
Comment by Yan@Daily Forex — October 23, 2008 @ 8:20 pm
@Yan,
It looks like you have a smiling face image, go ahead and use that one!
Thanks for commenting.
Comment by rich — October 23, 2008 @ 10:04 pm
How long did you take you to learn photoshop? Your work with photoshop is very impressive.
Comment by Taylor@Ascend Photoshop Training — October 28, 2008 @ 1:08 pm
@Ascend
Oh that is so funny!
I know almost nothing about Photoshop. I have used it for ten or more years but all I know how to do is resize photos and a little about clearing up some images.
I take it you are in the Photoshop training business.
Tell us all about it. Maybe some other readers would like to know more too.
thanks for the comment.
Rich
Comment by rich — October 28, 2008 @ 1:58 pm
Thanks for the tip. This is what I was looking for.
Comment by Safe Homes — December 1, 2008 @ 1:27 pm
@Safe Homes, Glad it was helpful. Isn’t it fun to learn these new little details. Makes the whole publishing thing seem really cool.
Thanks for commenting, I wish everyone would.
Rich
Comment by rich — December 3, 2008 @ 10:08 am