August 2005 The Net Gazette by Oak Web Works

The Net Gazette
Helping You Help Your Site

In this issue of The Net Gazette we are going to learn how to make rotating images on websites and we're going to give you a great way to learn all about search engine optimization. So let's get started on our way to improving your Web business.


Web Tip #9:
My Favorites (Bookmarks in Netscape) list continuously becomes more and more important to me each day. I find so many useful websites that I bookmark them and return often. One problem is that for every computer I have, I want to use the same bookmark list that I have laboriously worked to create over the years. I have a home computer, a work computer and a laptop, and I don't want to have three different bookmark lists.

To keep the lists the same, I go to 'File > Import and Export...' in my Internet Explorer Menu Bar. When I choose this option, a wizard opens up. I click 'Next', and then choose 'Export Favorites'. I choose a place to save the file, and viola! I now have a file that contains all my bookmarks which I can then email to myself as an attachment and open up in another computer. To import this Favorites list in my Internet Explorer on another PC, I do the same thing as I did to export it, but I choose 'Import Favorites' in the wizard.

Web Design and Programming
Homepage real estate is always at a premium. As a webmaster, I am continually asked to post content and images that are of interest to each person in the organization. Each person often feels that their specific content and images are the most important. Unfortunately, if I posted it all, the homepage would scroll down for a very long ways and look horribly busy.

One way around this is to use a script that rotates images (or content) upon each refresh. I do not mean rotating animated banners. All the images are static when using this script. The only time an image changes is when a person clicks their Refresh button, goes to another page and then revisits the original page or every time they re-visit the page.

To see the script in action, go to http://www.OakWebWorks.com or http://www.BestShowTicketsLasVegas.com/ and hit refresh. You'll notice that one of the large images changes each time you refresh or each time you re-visit the site. This way, I get to use many different images, but only take up one spot on the homepage.

Here's the script:

<script type="text/javascript">
<!--

varhome1="<a href='http://www.bestshowticketslasvegas.com/coldplay-concert-tickets.asp'><img src='../images/home/home-coldplay.jpg' alt='Featured Tickets: Coldplay' width='154' height='186' border='0'></a>"

varhome2="<a href='http://www.bestshowticketslasvegas.com/ncaa-football.asp'><img src='../images/home/home-college-football.jpg' alt='Featured Tickets: NCAA College Ball' width='154' height='186' border='0'></a>"

varhome3="<a href='http://www.bestshowticketslasvegas.com/destinys-child-concert-tickets.asp'><img src='../images/home/home-destinys-child.jpg' alt='Featured Tickets: Destiny's Child' width='154' height='186' border='0'></a>"

varhome4="<a href='http://www.bestshowticketslasvegas.com/hairspray-broadway-theater-tickets.asp'><img src='/images/home/home-hairspray.jpg' alt='Featured Tickets: Broadway Hairspray' width='154' height='186' border='0'></a>"

varhome5="<a href='http://www.bestshowticketslasvegas.com/jack-johnson-concert-tickets.asp'><img src='/images/home/home-jack-johnson.jpg' alt='Featured Tickets: Jack Johnson' width='154' height='186' border='0'></a>"

now=new Date()
num=(now.getSeconds() )%5
num=num+1

document.write (eval("varhome"+num))

//-->
</script>

Notice how there are 5 variable that are defines above. Each variable is equal to an image path that has an Alt tag, URL associated with it and the image height and width.

For example, the first variable, varhome1, is an image of the band Coldplay. When a visitor rolls over the image the Alt tag is displayed, which reads "Featured Tickets: Coldplay". If they click on the image, they will go to the Coldplay page, http://www.bestshowticketslasvegas.com/coldplay-concert-tickets.asp.

For you to use this script in your website, all you need to do is replace the image source (img src=), the Alt tag (alt=), the image height and width (they all need to be the same height and width), and the URL it links to for each variable. If you add or subtract images, then be sure to change the number at the end of this line: num=(now.getSeconds() )%5 - In this case, I have 5 variables, so the number is 5, but if I had 10 variables, then the line would read num=(now.getSeconds() )%10.

Finally, where ever you want the image to go, cut and paste the entire code into that spot.

So if your homepage originally looks like this:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<img src="myImage.gif" width="50" height="34">
</body>
</html>

This is what it would look like after you cut and paste the code in to have that same image above in red rotate through 5 images upon refresh:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<script type="text/javascript">
<!--
varhome1="<a href='http://www.bestshowticketslasvegas.com/coldplay-concert-tickets.asp'><img src='../images/home/home-coldplay.jpg' alt='Featured Tickets: Coldplay' width='154' height='186' border='0'></a>"
varhome2="<a href='http://www.bestshowticketslasvegas.com/ncaa-football.asp'><img src='../images/home/home-college-football.jpg' alt='Featured Tickets: NCAA College Ball' width='154' height='186' border='0'></a>"
varhome3="<a href='http://www.bestshowticketslasvegas.com/destinys-child-concert-tickets.asp'><img src='../images/home/home-destinys-child.jpg' alt='Featured Tickets: Destiny's Child' width='154' height='186' border='0'></a>"
varhome4="<a href='http://www.bestshowticketslasvegas.com/hairspray-broadway-theater-tickets.asp'><img src='/images/home/home-hairspray.jpg' alt='Featured Tickets: Broadway Hairspray' width='154' height='186' border='0'></a>"
varhome5="<a href='http://www.bestshowticketslasvegas.com/jack-johnson-concert-tickets.asp'><img src='/images/home/home-jack-johnson.jpg' alt='Featured Tickets: Jack Johnson' width='154' height='186' border='0'></a>"
varhome6="<a href='http://www.bestshowticketslasvegas.com/jimmy-buffett-concert-tickets.asp'><img src='/images/home/home-jimmy-buffett.jpg' alt='Featured Tickets: Jimmy Buffett' width='154' height='186' border='0'></a>"

now=new Date()
num=(now.getSeconds() )%5
num=num+1


document.write (eval("varhome"+num))
//-->
</script>

</body>
</html>

 

Search Engine Optimization

Inbound links from other sites = Vastly Improved Rankings = Increased Traffic = Increased Revenue

As I have mentioned numerous times in previous Net Gazettes, running an ongoing strategic linking campaign is vital to ranking well in the search engines. In other words, creating as many content-related links on other websites that point back to your site will make you rank better in Google, MSN and Yahoo.

In fact, it is so important that many new software programs for facilitating this have cropped up. One way to create links is to do searches on the Net for websites that have complimentary content. After finding one, often times they offer an html form asking for your link information for them to post. There is now software that helps automatically fill out html forms so you don't have to keep typing in the same information over and over again. One program I found that does this is http://www.joobya.com/, go ahead and check it out.

There is another program that I found that is fantastic for this function and has many other extremely useful functions for successfully running strategic linking campaigns: http://www.seoelite.com/ - I recommend this software. The contact I have for this software is Brad Callen, and I signed up for his Search Engine Optimization (SEO) newsletter a while ago. Each newsletter is a lesson on SEO. The newsletter, like the software, is excellent. And what's more, he allows his newsletter list to re-use each newsletter for their lists. So that's what I am going to do for you.

There is a forum to discuss all of this and to learn all the specific and you don't need to be a programmer or Web designer to use it.



To learn more about these subjects or if you have a need for e-marketing, design or programming services, please visit www.oakwebworks.com.

Happy Webbing.

- Jason

Oak Web Works

 

P.S. - If you liked this newsletter, please Forward it to your friends or colleagues

To ensure that you continue to receive the Net Gazette, please add “jason@oakwebworks.com” to your email Address Book.