Join me @ IBOtoolbox for free.
Curtiss Martin
Member Since: 8/13/2012
  
performance / stats
Country: United States
Likes Received: 2751
Featured Member: 18 times
Associates: 12662
Wall Posts: 474
Comments Made: 26745
Press Releases: 360
Videos: 2
Phone: No Calls Please
Skype:    
profile visitor stats
TODAY: 33
THIS MONTH: 3999
TOTAL: 560094
are we ibo associates?
member advertising
active associates
Lars Roger Dahl    
Last logged on: 12/14/2017


Katarina Hofbaur    
Last logged on: 12/14/2017


Sindia Lapito    
Last logged on: 12/14/2017


Andreas Wenske    
Last logged on: 12/14/2017


Athena Gay    
Last logged on: 12/14/2017


Bill Straub    
Last logged on: 12/14/2017


Fred Mugone    
Last logged on: 12/14/2017


Robin Robinson     
Last logged on: 12/14/2017


James Stevens    
Last logged on: 12/14/2017


Velma Joseph     
Last logged on: 12/14/2017


Kevin Froude  
Last logged on: 12/14/2017


Imogene LewisBroderick    
Last logged on: 12/14/2017


Laurie Reid    
Last logged on: 12/14/2017


Ian Henderson    
Last logged on: 12/14/2017


Ioan Santos    
Last logged on: 12/14/2017


other ibo platforms








Curtiss Martin   My Press Releases

HTML and Images for Your Press Release

Published on 9/24/2013
For additional information  Click Here

HTML and Images for Your Press Release
FavIcon
One of the good reasons for understanding a little about HTML is so that you will be able to Identify and Fix problems. When we are presented with the code for our images by our affiliate sites, we may have the tendency to believe that they are correct for all situations. The truth is that there are several HTML protocols available. The most recent is the Mobile Capable HTML 5. If you are just starting out, this is the one that you should be paying attention to.

Courtesy of one of my Associates, I found a very useful Tutorial. HTML Beginner Tutorial. He does a very good job of clearly defining the parts of the HTML page. Today I want to consider an Image used as part of your link. (Banners, etc.) 

In the simplest form, as in setting up your IBO Toolbox Banner, you only need to know the size of the Banner, the Target URL and the Image URL. Simply choose the right size ad, enter the necessary URLs and you are ready to turn on your ad.

When you want to add the same image to your IBO Toolbox Press Release, you need to cover a little more detail. You will be inserting code similar to what I am using in the HTML mode of the editor. Locate the position you want the image to appear and paste it into place.

Be Sure to include the closing Anchor tag, “</a>”, or find yourself seeing some unexpected results. I mention this because one of my affiliate sources neglected to include the closing Anchor tag in their examples and caused me a number of problems today. In its simplest form, the Linked Image will look like this with the Target URL first and the Image Source URL second.

<a rel="nofollow" href="http://trafficadbar.com/novenoga">
<img src="http://www.trafficadbar.com/images/banners/banner125x125.gif" ></a>

This will work but it can create problems with your display. Without knowing the size of the image in question, the display may extend below the Press Release area and perhaps not even display all of the Press Release. It can be quite difficult to read as well.

To solve the problem, add in the width and height of your display image. *NB: When in doubt, it is normal to list the width first when describing a banner. E.G: 468x60.*

<a rel="nofollow" href="http://trafficadbar.com/novenoga" >
<img src="http://www.trafficadbar.com/images/banners/banner125x125.gif" width="125" height="125" ></a>

You may still experience some difficulty as the Anchor Element that we are working with may simply run into the next line of text. Add a Line Break to the end of the statement.

<a rel="nofollow" href="http://trafficadbar.com/novenoga" >
<img src="http://www.trafficadbar.com/images/banners/banner125x125.gif" width="125" height="125" ></a><br>

I like to center my images. The symmetry pleases me. To do that, I placed my Linked Image inside a set of paragraph tags and used CSS to center the image.

<p style="text-align:center">
<a rel="nofollow" href="http://trafficadbar.com/novenoga" target="_blank"><img src="http://www.trafficadbar.com/images/banners/banner125x125.gif" width="125" height="125" ></a><br>
</p>

I like the effect of a pop up message when I mouseover the Image so I usually include the title attribute.

<p style="text-align:center">
<a rel="nofollow" href="http://trafficadbar.com/novenoga" target="_blank"><img src="http://www.trafficadbar.com/images/banners/banner125x125.gif" title="Free Advertising Traffic Exchange - Traffic Ad Bar" width="125" height="125" ></a><br>
</p>

If you are going to use something like this in your own HTML 5 website, you will Need to include the alt attribute. I use validator.w3.org/ for my sites and it gives me a warning every time I forget to include it.

<p style="text-align:center">
<a rel="nofollow" href="http://trafficadbar.com/novenoga" ><img src="http://www.trafficadbar.com/images/banners/banner125x125.gif" alt="TrafficAdBar" title="Free Advertising Traffic Exchange - Traffic Ad Bar" width="125" height="125" ></a><br>
</p>

When your visitor clicks on your nicely centered image, it will take them away from what they are reading to the site you have selected. To open the link in another window, add the target attribute.

<p style="text-align:center">
<a rel="nofollow" href="http://trafficadbar.com/novenoga" target="_blank"><img src="http://www.trafficadbar.com/images/banners/banner125x125.gif" alt="TrafficAdBar" title="Free Advertising Traffic Exchange - Traffic Ad Bar" width="125" height="125" ></a><br>
</p>

Now that I have the code worked out with the proper attributes, width, height, title, alt, and target, and the rest of the code worked out and saved cleanly to a text file, it is a simple matter to Copy and Paste in the HTML mode of the IBO Editor.

If you are thinking that this is too complicated, consider that I started writing this Press Release with my Nove-Noga image below. Then I simply replaced each attribute with the proper information for the TrafficAdBar Image. Copy and Paste is a Great Tool, isn’t it?

TrafficAdBar


Nove-Noga: IBO Tip List
For more Information on Nove-Noga,
Please Visit us at http://www.Nove-Noga.com/
Find a link to the *Free **GIMP Tool near the bottom.
For Our Opportunity and Tools Page See Opporknockity.
For Due Diligence, Google Search “Nove-Noga”.
**GNU Image Manipulation Program.
*Free Means Free!
Nove-Noga.com
Nove-Noga!
© 9/24/2013



Member Note: To comment on this PR, simply click reply on the owners main post below.
-  Copyright 2016 IBOsocial  -            Part of the IBOtoolbox family of sites.