Syndicated Hotel Directories

Add city specific, local hotel directory listings to your website for free in 2 easy steps

Now you can easily include a list of hotels for a specific city from our website into your website. syndicated hotel directories image

Syndicated Hotel Directories are perfect for Realtors, Event Planners, Meeting Planners, Tourist Attractions, Convention Bureaus, Wedding parties or anyone else that could benefit by showing local hotels to their viewers.

No more manually trying to find hotel information to piece together a hotel directory. Now it's all done for you automatically!

Uses

Create a new web page on your website just for the syndicated hotel directory, or add the directory to an existing web page.

Just place the "display code" for the directory into the html code of your webpage wherever you want the content to show up.

How to set it up

Navigate to your desired city on our website by selecting a state, then a city.

Click Here (opens in a new window)

Once there, look for the "Webmasters-" heading on the right hand side of the page at the bottom.
(example of what to look for below)
Click the "show me how" link and follow the simple, 2 step instructions from there.
(example of what it looks like below)

Questions

Do I have to keep the syndicated directory updated?

No. Each time we update our hotel directory, the syndicated directories on your website automatically reflect any changes.

Can I insert more than one city into a page?

Yes, just navigate to another nearby city on our website. Copy the "display code" for that city, then insert it below your original "display code". You can insert as many additional cities to your web pages as you need.

Can I format the look of the syndicated directory listings to match my site?

Yes, we give you additional "style code" to place onto your webpage or style sheet, along with instructions for customizing your syndicated hotel directory listings listed under "Formatting" below.

What do the actual syndicated directory listings shown on our web pages look like?

Code view:
<div id="hotel-list">
<table>

<td>
HOTEL IMAGE
</td> <td><a>HOTEL NAME</a>
HOTEL ADDRESS
HOTEL CITY, STATE, ZIP
<span class="hotel-desc">
PROPERTY DESCRIPTION
</span></td>

</table>
</div>

Actual view:

Formatting

The "display code" that you insert into your web pages to show the syndicated hotel directory should be sufficient for most websites. However, if you desire to change the look of our directory listings to further match your website, you can insert additional "style code" into your webpage or style sheet to achieve this.

You can change the width of the listings, the horizontal alignment of the directory on the page (if not inserted into an existing table) and the font and link size, style & colors. The background color for the directory is transparent, so whatever background color your page is currently will show through the directory.

Please choose one of the two methods below to change the layout styles:

A) If you do not have a separate style sheet that you use, or do not know what a styles sheet is, then follow these instructions to insert the "style code" directly into your web page.

1) Click here to select the code

Now, Copy (Ctrl+C) the code highlighted.

2) Paste (Ctrl+V) the code into your own webpage's <head> section (just above </head>).
3) Adjust any line to your desired liking. Do not adjust the lines that have [leave as is] in them.
4) Click this link to show a color chart & the corresponding color codes, if needed to change the font colors in your syndicated hotel directory.

B) If you have a separate style sheet, follow these instructions to insert the "style code" directly to your current style sheet.

1) Click here to select the code

#hotel-list { /* The "table" that contains the syndicated hotel directory itself [leave as is] */
	width: 450px; /* The "table" width for the syndicated hotel directory */
	float: left;/* The "table" alignment on the page (choices: left or right) */
}
.hotel-desc { /* The "description" text part of each hotel in the directory [leave as is] */
	font: 11px arial, helvetica, sans-serif; 
	color:#000000;
}
/* Anything below this line is optional. You may already have this included in your stylesheet. */
td { /* The "inside" text of the table that contains the syndicated hotel directory [leave as is] */
	font: 13px arial, helvetica, sans-serif; /* The font size & name */
	color:#000000; /* The font color */
}
a, a:link { /* The "link" style for the hotel name [leave as is] */
   	color: #0000FF;
	text-decoration: none; /* Don't show an underline for the link (delete if not desired) */
}
a:visited { /* The "link" style for the hotel name that has already been clicked [leave as is] */
   	color: #0000FF;
	text-decoration: none; /* Don't show an underline for the link (delete if not desired) */
}
a:hover { /* The "link" style for the hotel name when hovered over by a cursor [leave as is] */
   	color: #000080;
	text-decoration: none; /* Don't show an underline for the link (delete if not desired) */
}
a:active { /* The "link" style for the hotel name that is clicked by a cursor [leave as is] */
   	color: #000080;
	text-decoration: none; /* Don't show an underline for the link (delete if not desired) */
}

Now, Copy (Ctrl+C) the code highlighted.

2) Paste (Ctrl+V) the code into your stylesheet.
3) Adjust any line to your desired liking. Do not adjust the lines that have [leave as is] in them.
4) Click this link to show a color chart & the corresponding color codes, if needed to change the font colors in your syndicated hotel directory.

If you have any additional questions, or need assistance with placing your link, please feel free
to contact us: