Building Your Own Opt In Mailing List

Date: 2011.02.21 | Category: Opt-in Mail | Response: 0

Despite the constant launch of ‘new and improved’ email collection programs one of the more popular emails I receive each month ask how webmasters can actually start their own opt-in email list for surfers. Surprisingly enough, this is a fairly simple process and, should only realistically take a webmaster 10-15 minutes to have an opt-in email script installed.

However, the second type of email I get from webmasters who have already installed one of these scripts is asking how they can ensure that surfers sign up to their lists this is what I will approach in this article.

One of the easiest ways to make sure surfers join your opt0in list is to offer them a financial gain by doing so, I don’t mean you should literally pay them for their email address but, why not offer them something for free? A daily picture by email, free porn site access etc etc.

The next biggest mistake I find are that webmasters simply place a collection box saying something like ‘enter your email address here for our newsletter’ and, lets be honest, it isn’t very enticing. Ideally you need to have a ‘headline’ that will catch the surfers attention and actually ‘make’ them want to join your list. Be specific yet be vague (bit hard I know) and you’ll soon see your list grow from one new subscriber a week to hundreds of them!

The next thing you need to take into consideration is how quickly, not only your site, but the page with your collection box loads, if you are using a pop-up console, make sure it is heavy in text not graphics with the first words at the top not saying ‘free porn’ but a similar meaning text, everyone and their dog has seen the words ‘free porn’ on countless other porn sites. Yours NEEDS to stand out!

You should use an effective title if you are going to be using pop-up windows for your email collection. in the title bar don’t have the window called ‘pop-up’ have it named appropriately for the niche you are trying to collect the surfers email address from. Make it relevant, make it concise.

Balance the collection page, any type of page you build for your site should at least be appealing to the eye. Meaning that your fonts, colors and actual text need to contrast together perfectly. If you do use images on this page try to have them prominent yet not overbearing to the surfer.

Offer a way to close a pop-up if this is what you are using to collect the emails after all, they (the surfer) may decide they don’t want to give you their email until they have seen what your site can offer. In the same way, make sure you have a link from your sites to your collection page so, if a surfer decides they do want to give you their email address they can do it without the need of closing your site and reloading it afresh.

Overall however, the best rule you can follow is to keep to the point and keep it simple. This way you will gain the surfers attention quickly and easily and, the surfer will not be distracted from the main purpose of having them on your site – getting to your sponsor.

Hopefully the information above will enable you to start having some more success with your traffic and, once you have the surfers email address make sure you treat it with the respect you would want your own to be treat with, an email address is a sacred thing to most surfers, if you Spam them daily they will leave your opt-in list quickly however, if you send them a ‘newsletter’ once a week / month filled with relevant information you will soon find your list growing exponentially.

Article written by Lee.

Community Forum Scripts

Date: 2011.02.21 | Category: Scripts | Response: 0

Whether you have little or much traffic one thing that will enable you to benefit greater form this traffic is giving your surfers the sense that they are part of a ‘community’ much like the message boards built around adult webmasters have the feel of a community to them your surfers will end up staying around a lot longer if you can give them a reason to come back to your site over anyone else’s.

That said, one of the main factors in starting your own little porn community is the need to have a place where all the ‘action’ take place. What better way than you own message forum.

However, we hit our first problem, having never thought about starting a forum up before you wouldn’t know where to go to look for scripts or, what the best one is. That’s the reason behind this little guide.

Below you will find a short breakdown of the more commonly used message forum scripts along with a short list of features each one has to offer you when choosing to build your own online community.

VBulletin http://www.vbulletin.com

This is actually quite a good forum script, most of the main forums on the web use either VBulletin or PhpBB when it comes to threaded forums. VBulletin uses MySQL and .php to run the actual forum and, set-up of it can become a little tricky if you want to customize it to your exact needs and color scheme. That said, once you overcome the initial complications in setting the forum script up it is easy to handle and, with a price tag of only $160.00 its an affordable option for many.

Ultimate Bulletin Board http://www.infopop.com

Unlike VBulletin UBB uses Perl programming for the forum script which, means you can install it on any cgi enabled host. However, the one main drawback with this script is that it uses flat text files to store all the data which, can sometimes bog down your server with unnecessary file calls. The cost of $199.00 however can be a bit to expensive for most webmasters.

Ikon Board http://www.ikonboard.com

Ikon board is a nice little threaded forum script and, the fact that it is free to download makes it even more so however, even though it uses MySQL for the backend or, choose to store your data in flat text files this script just seems a little to ‘basic’ looking for my personal taste. That said, there are many types of site using IkonBoard so the script must be good enough for them to be using it. Then again, maybe its the price tag of $0.00 that has made this a popular choice.

PhpBB http://www.phpbb.com

PhpBB is probably the most well known free forum script on the web today, its easy to customize (within reason) supports php and MySQL functions yet seems to offer nothing in return. The basics of a forum are there however, every webmaster and their closest friend seems to be using this script. The whole idea of building up a community is so that your site can stand out from the crowd, in my humble opinion, the script does what it is supposed to but, it doesn’t offer any redeeming qualities to your site.

Site Net BBS http://www.focalmedia.net

Sitenet BBS, formally known as Netboard, is probably one of the better Perl based forum scripts on the market, it price tag of $69.00 makes it an affordable choice for almost everyone and, the installation process itself is VERY simple to understand. The one drawback that i have found with this forum script however is that it stores the data in flat text file which actually slow the server down quite a lot making connections to the forum time-out on numerous occasions. However customization of the script is very easy using only HTML based templates you do not need any additional programming skills and, it has a nice interface with a few good features. For the price it is well worth a look. They also offer a freeware version however the links on the bottom of the forum become annoying after a while.

In summary there are a lot of popular forum scripts available for webmasters to start using some are free other require payment ALL have a range of different functions available in them.

Before looking at installing any of the scripts you should always try a demo first to see which one has the features and benefits you would like to offer your community members.

If you can get your base community built up on a forum they enjoy using then all the rest of your marketing should pay off in dividends long term.

Article written by Lee.

Mirroring Adult Sites – Stage Three

Date: 2011.02.23 | Category: Promotion, Tutorials | Response: 0

So we hit stage three of our tutorial in this stage we are going to make some pages for our top 5 AVS systems. However, as we did in the last tutorial with the new TGP galleries we created we are going to use the same content and same pages that we have already built. On with the tutorial…

Anyone who build AVS sites will know that you need to have a standard site layout. This usually consists of an entry page (or a warning page), a navigational page (or in our case our menu.html page) and some gallery pages.

So the first thing we need to do is open up the warning page. Once this page has been opened we now need to do some editing of the page, what I would suggest is moving the warning text to the lower half of the page and at the top making some ‘juicy’ sales text, depending on the niche you are targeting with this site you may also like to add a couple of the original thumbnail images at the VERY top of your page however, these should NOT be linked to the full size image.

Once you have edited your page to a reasonable standard for the AVS you now need to save this page in the /FreeSite/AVS/ folder that you originally created on your HD. I would suggest saving the page as something like avs1.html or the name of the AVS you will be using this page for.

Once you have done this you now need to duplicate this page but save it as a different name in again, in the /FreeSite/AVS/ folder so you will end up with avs1.html, avs2.html, etc.

At the moment these AVS pages have no AVS script on them so, we need to visit the AVS system we are going to be using and fill out the details to have the AVS generate an AVS signup page script for us. Once we have the coding that the AVS provides we now have to place this on our avs1.html page. You should repeat this for each of the AVS’s you wish to use and save each instance of the generated AVS script to a separate AVS*.html page.

be aware, that when you are putting your information into the AVS to generate the script, you should enter the ‘members area url’ as the page we created for our navigation so, the AVS script location will be /FreeSite/AVS/avs1.html and, the members area page will be, /FreeSite/Menu/menu.html.

Once you have placed the script on our avs.html pages you should now have the following sites ready:

1) 50 Pic Free Site With Pics On HTML Pages.
2) 5 TGP Galleries With Pics On HTML Pages.
3) 5 AVS Entry Pages.

Now we are starting to see how using one set of content can amount to a mass of sites all of which can be sending traffic to our sponsors and, to our surfer trap.

This is where stage three of our tutorial ends however, in our next tutorial we will continue to make some more sites and in an effort to get some traffic we start to play with the ones we have currently created.

Article written by Lee

Mirroring Adult Sites – Stage One.

Date: 2011.02.23 | Category: Promotion, Tutorials | Response: 0

In this next series of tutorials I will be exploring the benefits of utilizing your existing content to build more sites in the least amount of time possible, in fact, after you have completed the steps in this tutorial series you should be able to build over 20 types of site within 5 minutes using a single set of 50 pictures.

So, onto the start of our tutorial.

Stage one in this tutorial is something we have ALL done before, so what you need to do is this…

Build a 50 pic free site, this is using a lot more content than a ‘standard’ free site however, what we are actually going to be making is a set of AVS sites and several TGP galleries, along with some SE pages and also some links list mirrored pages using this set of 50 images by building just ONE site! Sounds impossible? It isn’t… read on….

Your site should have the following on it:

1) Warning Page (index.html)
2) Menu Page (menu.html)
3) Gallery Pages (5 galleries of ten pictures called gallery1.html, gallery2.html etc)
4) HTML Large image pages x 50 (picpage1.html, picpage2.html, etc.)
5) Multi Site FPA (fpa.html)

Now lets break these individual pages down into sets of instructions for each:

Warning Page.

This should have your standard warning text placed on it, along with an enter AND an exit link. The ‘enter’ link should link to your Multi Site FPA and the ‘exit’ link should go to a program such as the ARS Discreet Browser tour page.

Menu Page.

This should be a page containing an odd sized banner, links to your 5 gallery pages, plus text links at the bottom of the page ideally, these text links should be in the same style as the niche tables we created for the surfer trap except they should only contain 4 cells instead of 8. These links should go to a different ‘niche’ as the one you are building your current site for and, link to the existing FPA’s of your surfer trap.

Gallery Pages.

On your gallery pages, ALL of the thumbnails should be linked to the relevant HTML page with a text link at the top and at the bottom of the HTML page (No Banners are to be used on the gallery pages!) Also, the file names of the images should be pic1.jpg, pic2.jpg, etc for the full sized images and, thumb1.jpg, thumb2.jpg etc for the thumb nailed images. your images MUST be named this way!!

Multi Site FPA.

This should link to the individual FPA’s that you should already have on your server if you followed the surfer trap tutorial series (If you did not create this surfer trap the tutorials can be found at this link) as well as linking to the Single Site FPA’s this should also have a ‘no thank you’ link which goes to your Menu Page.

Images.

You need to have 50 images, you also need to have 50 thumbnails for the content you will be using on this site. I usually select my content by the niche I am building for, rename the images using The Rename then, once renamed I use Thumbnailer from Smaller Animal to create the thumbnails for each of the renamed images. This will give you 50 full sized pictures with 50 thumbnails named respectively for the larger image.

They are the basics, now onto the good stuff…

Once you have created these pages you need to create some folders on your Hard Drive which will be the SAME structure you will have on your server. This folder structure should look somewhat like this once you have saved each of the pages we have just created into their respective sub folders:

FreeSite/index.html
FreeSite/AVS/
FreeSite/FPA/fpa.html
FreeSite/Galleries/gallery1.html, gallery2.html, gallery3.html, etc, etc.
FreeSite/Images/pic1.jpg, etc.
FreeSite/Images/Thumbs/thumb1.jpg, etc.
FreeSite/LinkList/
FreeSite/Menu/menu.html
FreeSite/PicPage/picpage1.html, picpage2.html, etc.
FreeSite/Recips/
FreeSite/Engine/
FreeSite/TGP/

This will give you 5 folders with HTML pages in them, one folder with the full sized images, one with thumbnails in it and five empty folders.

At this point we will end the first stage in this tutorial as this should take you a couple of hours to complete.

Article written by Le

Time Management – Organizing Your Content Purchases

Date: 2011.02.24 | Category: Content | Response: 0

From time to time it is inevitable that as adult webmasters there will be two things that will happen:

1) You will buy some licensed content.

2) You will use this content for a gallery.

However, unless your content is organized you can end up spending to much time to make a 10 pic gallery page. This article is going to offer you some sound advice on how to organize your content from the second you take delivery of it which, will save you a lot of time long term.

So we have taken delivery of our adult content either by download or, on cdrom what next, we could just file it away on cdrom but, by taking a little extra time to organize your content from the start you will end up not only building sites MUCH quicker but also saving time all round.

Here are some helpful hints to get you on the way to content organization.

1) Unzip all your content sets and, if applicable, separate them into model and niche sets.

2) Create folders for each model and, each set of 10 images within the main model sets.

3) Rename all your images in the 10 pic sets starting from pic1.jpg through to pic10.jpg.

4) Crop, compress and thumbnail each image within each set of 10 that you have.

5) create a html page that calls your thumbnails and main pics using relative urls i.e. /set1/gallery1/image1.jpg for the larger image and /set1/gallery1/thumb1.jpg for the thumbnail image.

6) Inside each of your 10 pic/thumbnail folders place this HTML page you have just created.

7) Burn each of the gallery folders to cdrom.

Lets now look at what an hour spent has enabled us to do.

Instant Galleries.

Say we want to build a 10 pic gallery to add into a free site or an AVS site that we are building, we know we have all the galleries already made, its just a case of finding the correct gallery and uploading it to our server.

Image Swapping.

What happens if we need to swap an image from one of our pages to a more appropriate one for the niche we are marketing to, simple, you go to the image set you want, look for the image name and simply change the image without having to upload it as, you will now know the EXACT location on your server of the image you are changing to e.g., /set6/gallery8/image9.jpg would change to set24/gallery2/image2.jpg.

There are of course other ways this can benefit you for example, you can plug in your galleries to any site you own if you have them all uploaded to a central content location domain.

The benefits of organizing your content from the instant you take delivery are endless, the above is just a sample of how I have successfully saved time and effort by becoming more organized, the only limitations you have with your organizational skills are those that you impose on yourself.

Article written by Lee

Traffic Brokers – Buying Additional Traffic

Date: 2011.02.21 | Category: Traffic | Response: 0

For many adult webmasters traffic is the one thing they can get and, good converting traffic it would seem is hard to find in bulk. For those webmasters who simply can not or, will not work towards getting a good converting traffic base you now have several options. These option come in the form of the Adult Traffic Brokers that have seemingly multiplied over the last 12 months.

Traffic Brokering – The Basics.

So what is traffic brokering? In layman’s terms, it is the process used when one company sells / buys their traffic to / from another in order to turn the traffic they are selling / buying into a profit. Often webmasters will purchase traffic from a broker for several reasons, the main one being that they simply could not have generated the same amount of traffic they have purchased by any other means.

Traffic Brokering – The Costs.

The costs for purchasing brokered traffic vary greatly from traffic broker to traffic broker however, as a rough guideline, you could spend anywhere between US$1 and US$3 for each thousand (1000) unique hits that the traffic broker sends you. The cost of this traffic however can change for many reasons as do the rules for where you can actually send the purchased traffic to.

Brokered Traffic – The Uses.

There are many uses for brokered traffic as those webmasters who do it on a consistent basis will tell you. However, by far the most popular method of using purchased traffic would seem to be sending it to a central ‘hub’ site or a gallery page. From this point on the traffic can start to filter itself even more.

In addition to this, some webmasters choose to send their brokered traffic directly to their sponsors pay sites if they have purchased niche specific brokered traffic.

All of the above methods have their pro’s and con’s involved however, for most webmasters, the fact that they have purchased traffic at a relatively low cost will mean they can turn a profit. That said, purchasing traffic from a broker does not guarantee you a profit on your investment.

Traffic Brokering – Overview.

In overview of this article i would say that for webmasters who are unable to gain mass traffic through conventional methods, the traffic brokers offer a service of value and, whether the traffic that you are buying is profitable to you is an outcome that no one can say until the traffic has been used. one thing to consider though when purchasing traffic is that you need to have a clear, concise plan of what your needs for the traffic are, do not just send it blindly into the proverbial unknown but build up a solid plan of what you ultimately want to achieve.

Also, before buying traffic ‘en mass’ you should always spend a few dollars in the first instance to run a small test of the traffic, this way, you will be able to send thousands of hits to your sponsors or hubs and judge for yourself which broker will offer you the best traffic for your money.

Article written by Lee.

Using .htaccess Effectively

Date: 2011.02.24 | Category: WebDesign | Response: 0

The .htaccess file is an ASCII text document that can be placed in any directory on your site. It can be used to control access to files and directories, and customize some server operation in your site. A .htaccess file can be created in any word processor but must be saved as text only. You must use FTP software in ASCII mode to upload or edit your .htaccess file. For the examples provided here, place the .htaccess file in your root directory.

There are a variety of functions that you can control using .htaccess some of the more useful of these are explained below:

Custom Error Messages.

Add the following to the .htaccess file::

ErrorDocument 404 /notfound.html

After “ErrorDocument” specify the error code, followed by a space, and then the path and filename of the .html file you would like to be displayed when the specified error is generated, each specific error code is detailed below with the recommended codes to be used in the .htaccess file in bold :

200 OK
206 Partial content
301 Document moved permanently
302 Document found elsewhere
304 Not modified since last retrieval
400 Bad request
403 Access forbidden
404 Document not found
408 Request timeout
500 Internal server error
501 Request type not supported

Using the codes above your error section of the .htaccess file should look like this:

ErrorDocument 301 /notfound.html
ErrorDocument 400 /notfound.html
ErrorDocument 403 /notfound.html
ErrorDocument 404 /notfound.html
ErrorDocument 500 /notfound.html
ErrorDocument 501 /notfound.html

Redirect to a Different Folder.

Add the following to the .htaccess file:

RewriteEngine on
RewriteRule ^/oldfolder(.*)$ /newfolder/$1 [R]

This redirects the user from /oldfolder/anyfile.html to /newfolder/anyfile.html, when the .htaccess file is uploaded to the otherwise empty “/oldfolder” directory.

Denying User Access.

Add the following to the .htaccess file:

<Limit GET>
order allow,deny
deny from 000.00.00.
deny from 000.000.000.000
allow from all
</Limit>

This is an example of a .htaccess file that will block access to your site to anyone who is coming from any IP address beginning with 000.00.00 and from the specific IP address 000.000.000.000 . By specifying only part of an IP address, and ending the partial IP address with a period, all sub-addresses coming from the specified IP address block will be blocked. You must use the IP addresses to block access, use of domain names is not supported

Redirect a Machine Name.

Add the following to the .htaccess file:

RewriteEngine On
Options +FollowSymlinks
RewriteBase /
# Rewrite Rule for machine.domain-name.net
RewriteCond %{HTTP_HOST} machine.domain-name.net $
RewriteCond %{REQUEST_URI} !machine/
RewriteRule ^(.*)$ machine/$1

This will redirect requests for the machine name machine.domain-name.net to the directory machine on the site domain-name.net.

Different Default Home Page.

Add the following to the .htaccess file:

DirectoryIndex filename.html

Then a request for http://domain-name.net/ would return http://domain-name.net/filename.html if it exists, or would list the directory if it did not exist.

To automatically run a cgi script, add the following to the .htaccess file:

DirectoryIndex /cgi-local/index.pl

This would cause the CGI script /cgi-bin/index.pl to be executed.

If you place your .htaccess file containing the DirectoryIndex specification in the root directory of your site, it will apply for all sub-directories at your site.

Preventing Hot Linking.

Add the following to the .htaccess file:

# Rewrite Rule for images
RewriteCond %{HTTP_REFERER} <URL of page accessing your domain>
RewriteRule ^(.*)$ http://<same as above URL>

You would replace the <URL of page accessing your domain> above with the domain name and path of the page that is referring to your domain. For example: www.theirdomain.com/users/mypage/

The RewriteCond directive states that if the {HTTP_REFERER} matches the URL that follows, then use the RewriteRule directive. The RewriteRule directive will redirect any reference back to the referring web page.

Using the above you should, safely be able to publish your sites on the internet knowing that you will not be privy to bandwidth thieves via hotlinking and also, that you will not lose any traffic through pages that are ‘not found’.

Article Written By Lee

Domain Name Renewals – The Basics

Date: 2011.02.22 | Category: Domain Names | Response: 0

As an adult webmaster there is one thing that we all own which we build our businesses on, a domain name and, with this comes the responsibility to ensure that as long as we are running our business from any given domain that we ensure they are constantly under our control this is where domain name renewsl come into play.

Domain Name Registration Periods.

Almost all reputable domain name registrars will allow you to purchase a domain for anywhere between one and ten year periods. Many webmasters however only choose to register their domains for one year at a time and this, is where many webmaster can run into problems with their domains. More often than not webmasters will either forget to renew their domain names completely or, are not aware that they are even coming up for renewal. For this reason it is usually best to ensure that you register your domains for a minimum period of two years, this gives you a good time frame to start using the domain as well as ensuring you have enough funds available by the time the domain name comes due for renewal.

How To Stay On Top Of Your Renewals.

The simplest way to ensure that you keep on top of the domain names you own and when they are due for renewal is to keep a written document detailing as much information as possible about your domains, this document should include information such as the domain name itself, the registrar you used to register your domain name, the cost of the domain name and, most importantly, where the domain is pointing to, the period of registration and, the date when the domain needs to be renewed. By having this information readily available and, by keeping this document up to date with each new domain name purchase you should be able to ensure that no matter when your domain/s become due for renewal that you are on the ball with paying the domain name renewal fees.

Domain Name Renewals Overview.

Regardless of when you register a domain name the one way you can be sure to be the owner of the domain for years to come is to ensure that you keep accurate, detailed records of each domain name purchase, whether you keep this written on a calendar, on a piece of paper or, somewhere else, you should make part of your monthly routine checking this document and making sure that the domains you own are all fully working and, more importantly, are fully paid up.

Article written by Lee

Calling Complete JavaScript’s With One Line Of HTML Code

Date: 2011.02.21 | Category: WebDesign | Response: 0

We all know that some JavaScript coding can be excessive and add considerable amounts of additional coding to our pages making them both slower and less search engine friendly however, what if I told you there was a way you could call the EXACT same JavaScript functions you are calling now by using a single line of code and, in the process you would NEVER have to find a specific piece of JavaScript again as you would instantly know where it was saved.

You would probably think the above is in fact very time consuming but, it actually takes no time at all.

The secret is to copy and paste the JavaScript into a plain text file and save that on your server somewhere. However, instead of saving it as a .txt extension save this file as a .js extension and, to make it easier still to find, when you upload this file to your server place it in a directory called /JavaScript/.

That’s pretty much it, easy huh?

Now comes the part of actually getting the JavaScript to work on your web pages, what you need to do instead of using the complete JavaScript coding that you usually would if you wanted to make a pop-up console appear is to use the following coding placed between your <head> and </head> tags:

<script language=”JavaScript” src=”../JavaScript/popup.js”></script>

That will now call the popup.js file or whatever it was you called it from your server and make the JavaScript function work for your surfers with JavaScript enabled in their browser.

As you can see, not only does using this method save you a considerable amount of time but, it will also make your pages more search engine friendly as spiders will not have to work their way through a lot of heavily JavaScript before they get to your SE content.

Cascading Style Sheet Basics

Date: 2011.02.21 | Category: WebDesign | Response: 0

CSS (Cascading Style Sheets) have been around for a while now, and act as a complement to plain old HTML files.

Style sheets allow a developer to separate HTML code from formatting rules and styles. It seems like many HTML beginners’ under-estimate the power and flexibility of the style sheet. In this article, I’m going to describe what cascading style sheets are, their benefits, and two ways to implement them.

Cascading What’s?

They’re what chalk is to cheese, what ice-cream is to Jell-O they complement HTML and allow us to define the style (look and feel) for our entire site in just one file!

They get their name from the fact that each different style declaration can be “cascaded” under the one above it, forming a parent-child relationship between the styles.

They were quickly standardized, and both Internet Explorer and Netscape built their latest browser releases to match the CSS standard (or, to match it as closely as they could).

So, you’re still wondering what a style sheet is? A style sheet is a free-flowing document that can either be referenced by, or included into a HTML document (Kind of like using SSI to call a file but not, if that makes sense). Style sheets use blocks of formatted code to define styles for existing HTML elements, or new styles, called ‘classes’.

Style sheets can be used to change the height of some text, to change the background color of a page, to set the default border color of a table the list goes on and on. Put simply though, style sheets are used to set the formatting, color scheme and style of an HTML page.

Style sheets should really be used instead of the standard , < b >, < i > and < u > tags because:

One style sheet can be referenced from many pages, meaning that each file is kept to a minimum size and only requires only extra line to load the external style sheet file

If you ever need to change any part of your sites look/feel, it can be done quickly and only needs to be done in one place: the style sheet and furthermore, it is done globally.

With cascading style sheets, there are many page attributes that simply cannot be set without them: individual tags can have different background colors, borders, indents, shadows, etc.

Style sheets can either be inline (included as part of a HTML document), or, referenced externally (Contained in a separate file and referenced from the HTML document). Inline style sheets are contained wholly within a HTML document and will only change the look and layout of that HTML file.

Open your favorite text editor and enter the following code. Save the file as styles.html and open it in your browser:

Cascading Style Sheet Example.

h1
{
color: #636594;
font-family: Verdana;
size: 18pt;
}

This is one big H1 tag!

When you fire up your browser, you should see the text “This is one big H1 tag!” in a large, blue Verdana font face.

Let’s step through the style code step by step. Firstly, we have a pretty standard HTML header. The page starts with the tag followed by the tag. Next, we use a standard tag to set the title of the page we are working with.

Notice, though, that before the tag is closed, we have our tag, its contents, and then the closing tag.

h1
{
color: #636594;
font-family: Verdana;
size: 18pt;
}

When you add the style sheet code inline (as part of the HTML document), it must be bound by and tags respectively. Our example is working with the tag. We are changing three attributes of the ’s style: the text color (color), the font that any tags on the page will be displayed in (font-family), and lastly, the size of the font (size).

The code between the { and } are known as the attributes. Our sample code has three. Try changing the hexadecimal value of the color attribute to #A00808 and then save and refresh the page. You should see the same text, just colored red instead of blue.

An Example Of An External Style Sheet.

External style sheets are similar to internal style sheets, however, they are stripped of the and tags, and need to be referenced from another HTML file to be used.

Create a new file called “whatever.css” and enter the following code into it:

h1
{
color: #a00808;
font-family: Verdana;
size: 18pt
}

Next, create a HTML file and name it test.html. Enter the following code into test.html:

External Style Sheet Reference Example.

This is one big H1 tag!

As mentioned above, you can see that the actual code in whatever.css is exactly the same as it was in the inline example. In our HTML file, we simply place a tag in the section of our page. The rel=”stylesheet” attribute tells the browser that the link to the external file is a style sheet. The type=”text/css” attribute tells the browser that whatever.css is a text file containing CSS (cascading style sheet) declarations. Lastly, the href=”whatever.css” attribute tells the browser that the actual file we want to load is whatever.css.

Conclusion.

Well, there you have it, a quick look at style sheets and how to implement both an inline and external version. Checkout the links below if you’ve never worked with cascading style sheets before. You will be surprised at some of the things you can do with them!

Article written by Lee.