how to add 125x125 ad boxes to your blog!

Calling all bloggers who want to join the Ad Directory! if you would like to add ad boxes, a la Project Wonderful, use the following code!

The image will look like this when it is added to your blog:





The Ad Directory




So, you ask..how do I add the code? what do I do when I have an ad customer?? Don't worry, it's easy! Here is the html code you will want to add to your blog in a sidebar html gadget:


-------------------------------------------------------------------------------------------------


<center><a target="_blank" href="http://www.kmtgraphicdesign.etsy.com"><img border="0" src="http://i680.photobucket.com/albums/vv169/kmtgraphicdsgn/Publication1-1.png"/>
</a><center>
<a target="_blank" href="http://www.kmtgraphicdesign.etsy.com"><img border="0" src="http://i680.photobucket.com/albums/vv169/kmtgraphicdsgn/Publication1-1.png"/>
</a>
<a target="_blank" href="http://www.kmtgraphicdesign.etsy.com"><img border="0px" src="http://i680.photobucket.com/albums/vv169/kmtgraphicdsgn/Publication1-1.png"/></a>
<br/>
<a target="_blank" href="http://www.kmtgraphicdesign.blogspot.com">The Ad Directory</a></center></center>




------------------------------------------------------------------------------------------------


To add the boxes to your blog, go to the layout page and add an html gadget. Simply copy the code into the gadget. Now, the red parts are the webpages (or etsy shops) that the ads link back to. Right now, they link to my etsy shop. I would recommend that you change that to be your etsy shop until you get an ad customer. The green parts are the image url's. Right now, they are the "your ad here" boxes you see above. When you get a customer, follow these steps to insert their 125 x 125 ad box:


1. Change the red part to be their website link. (only do this on one-there are 3 red sections, which means you have 3 ad boxes)


2. Change the green part to be the image url that they send you. (only do this on one green part-the green section directly underneath the red web link you just changed for your customer)MAKE SURE IT IS A URL! Photobucket is free and easy and lets you grab image url's. This code will support animated gif's if they ask you that.



3. Before you add your 3rd customer, remember to copy and paste this code on to a Word doc and save it. You will need to insert it again if you have an empty ad box in the future (it's the "your ad here" box):








I know this sounds a little complicated, but believe me, after you play with it a few times you'll get the hang of it! Practice by putting your own ad and etsy shop link it the red and green sections. You'll see! And before you know it, you'll be selling ads on your own like a pro!
If you would like your blog or website added to the Ad Directory, email me at theaddirectory@hotmail.com


A special thanks to Feed Your Pig blog owner and Ad Directory member Janna for finding this code ( I altered it to suit our needs and the Ad Directory)-She has a great blog, stop by soon!


2 comments:

  1. Wow! This must be easy if even I can understand it! Thanks so much for doing all the hard work for us! Now I just need you to design a cool blog for me so I can be on the Ad Directory!

    ReplyDelete
  2. This is an AMAZING post!! I am going to try this. Thanks for sharing your knowledge.

    Linda
    http://www.gallerialinda.com

    ReplyDelete