Anatomy of an affiliate link

This post is for one of my clients, who will be building part of her website herself by putting together some affiliate links in table format.  View the video and written instructions below:

So what we want is rows of 4 horizontal affiliate products. Here’’s how we’ll begin.

First step, open your text editor. If you don’t have one, I suggest using Notepad++.

Next we’ll place the following code at the top of the page.

<table border="2" cellpadding="10" frame="box" rules="none" bordercolor="#69c1b5">
<tbody>
<tr>

Next, paste all your affiliate links.

Then, past the following code at the bottom after your affiliate links.

</tr>
</tbody></table>

Next, we need to arrange to have 4 affiliate products on each row. So well count down four affiliate links and paste the following code. Continue to place it after the 4th affiliate link. Do not place it after the last set of 4 affiliate links.

<tr></tr>

Next, we need to establish each products place in the table. To do this, we’ll insert the following code before each affiliate link:

<td align="center">

Next, you want to close this by adding the following code at the end of each affiliate code:

</td>

Now the table is laid out and if we want to add more affiliate links later, we can.

Next, we want to make sure the affiliate pictures all fit nicely on our page. To do this, we need to control the width of each affiliate picture. An affiliate link looks like this:

<a href="http://click.linksynergy.com/fs-bin/click?id=hZL6UR2PgQ4&amp;offerid=125531.2771&amp;type=2&amp;subid=0"><img src="http://www.cafebritt.com/images/Products/2771/oferta4.jpg" border="0" alt="" /></a><img src="http://ad.linksynergy.com/fs-bin/show?id=hZL6UR2PgQ4&amp;bids=125531.2771&amp;type=2&amp;subid=0" border="0" alt="" width="1" height="1" />

Let’s break it up into pieces. Piece one is the link. It looks like this and there’s nothing that needs to be done with it:

<a href=”http://click.linksynergy.com/fs-bin/click?id=hZL6UR2PgQ4&amp;offerid=125531.2771&amp;type=2&amp;subid=0″>

The next code looks like this:

<img src=”http://www.cafebritt.com/images/Products/2771/oferta4.jpg” border=”0″ alt=”" /></a>

Notice it begins with img src and closes with the /a. This makes the image (img) a link. So the first img code you see is where you want to make some insertions.

First, insert the width. For ease, let’s just insert it right after the img:

<img width=”216″ src="http://www.cafebritt.com/images/Products/2771/oferta4.jpg" border="0" alt="" />

Next, let’s fill in the alt tag and put in a title for the image. Note that we are using some code that will automatically take the title and create a caption from the title. In most cases the alt and title will be the same.

<img width=”216″ title=”The Plantation Tour” src=”http://www.cafebritt.com/images/Products/2771/oferta4.jpg” border=”0″ alt=”The Plantation Tour” width=”216″ />

Lastly, there’s this second image code. Nothign needs to be done with this code, just make sure not to mistake it for the first img code. This image code almost always has a designated height and width of 1, so it’s easy to recognize.

<img src="http://ad.linksynergy.com/fs-bin/show?id=hZL6UR2PgQ4&amp;bids=125531.2771&amp;type=2&amp;subid=0" border="0" alt="" width=”1″ height=”1″ />

Seven Qualities to Look for in a Good Web Designer

Choosing a web designer is probably the hardest decision to make. Especially if you don’t understand anything about web design or how the Internet works.  You can make a lot of mistakes and waste a lot of money. So how do you know what to look for when you seeking a quality web designer? Here are a few things I would look at when evaluating a web designer.

1. Portfolio - Viewing a web designers portfolio will give you a good idea of what kind of work they’ve done in the past and what they may be capable of doing for you. Important questions to consider are: Do you like what you see? Has the web designer done work similar to what you want done? Do you feel confident the designer can design your site in a style and look you’re after? Are the websites easy and intuitive to navigate?

2. Cascading Style Sheets (CSS)- It’s what separates a good web designer from a mediocre one, so you’ll want to make sure you’re web designer is using CSS and not tables for their layouts.  Why?  Because CSS allows you to make site-wide changes with a single change the the style sheet. This is important so you don’t have to manually update each and every one of your thousand page website.

3. Content Management Systems (CMS)- CMS is all the rage. Will your web designer be using one for your site? By using a content management system, your web designer gives you control over your static content (and sometimes dynamic content too). This means you can edit the content when you want to through an administrative back-end. This can be important because without a CMS, you’re forced to request changes to your website through your web designer. That’s more money for them, and a longer wait time for website changes for you. Not a good deal if you ask me…

4. Functionality - What kind of functionality do you require?  The Internet is all about dynamic content these days–sites that change and update constantly.  Static pages still serve a purpose, but you’ll want to make sure you’re web designer can create the kind of functionality you require–things like dynamic content pages, rss feeds, commenting, rating systems, and memberships.  Not only is it necessary that your web designer be capable of doing these types of things for your site, but they should be able to tell you if and why you want to do these things.  A good web designer will be able to guide you through the process of defining the types of functionality you want, while keeping the site practical and realistic for your target audience.

5. Programming Language- One question that may or may not be important to you is, “What type of programming languages will you be building my site in?” If you’re in an area where this is important, then you better take a look at the different languages and make sure to utilize one that fits with your target audience. A developer may choose to use PHP/MySQL, Ruby on Rails, or ASP/.NET just to name a few. But there are also additional types of coding, like Javascript and AJAX, that can be used to create certain functionality for your website, if a web designer knows how to use them. This requires some research, but a good web designer will be able to talk to you intelligently about their choice in programming languages and why it’s a good match for your project.

6. Organization- Is your web designer well organized?  Do they return your calls promptly?  Do they meet deadlines?  If it takes your web designer 3 days to get back to your initial request for information, and 7 days to get you a quote, you may want to reconsider that web designer if promptness is important to you.  The best web designers I’ve worked with get back to me within 24 hours, and if they can’t, they let me know.  The worst web designers I’ve interviewed take their time calling me back and often cancel or try to reschedule our first meeting minutes before it’s scheduled to take place.  Whatever you do, don’t write off these types of behaviors as one-time things. Usually they’re indicative of a personality type that you’re going to have to deal with for the duration of your project.

7. Personality-  After you’ve reviewed all the technical qualifications, personality plays a role.  If you’re going to be working with a web designer for a month, or two months, or on an ongoing basis, you want to get along with them.  If certain personality traits or things that are said unsettle you, or give you pause, listen to your intuition.