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.

Typography Know How

Date: 2011.02.24 | Category: Writing | Response: 0

Our web sites are nothing without content, and most content is comprised of simple text. Many web designers neglect to pay attention to their typography, and it shows. Proper typography varies based on where the text is and what purpose it serves. Although there are no rules etched in stone, there are a few general techniques that should be followed. Although some of these tips may seem elementary, many of them are not followed.

Headings.

Clearly, headings should be larger, by 1 or 2 font sizes, than your body text. You may consider bold, but be cognizant of the letter width. Arial Black, for example, may create letters too fat for your taste. When using colors, be sure the colors contrast well with the background color of your site. Black and dark gray do not contrast well, while black and white (or light gray) work quite well. Sometimes, even a simple color change can create useful headings.

Also be sure to cascade your headings. A main heading, for example, would be larger than subheadings. This effect creates a sense of emphasis and flow to the information.

Do not italicize your headings. Italics are meant to underscore particular content, but since the text is a heading and of larger size anyway, italics are redundant and often make the text difficult to read.

Fonts.

The default is Times New Roman, which works fine, but many think it is boring. I have experimented with Arial, Georgia and Verdana, and have found Verdana the most readable font face available. This is a personal preference, but fonts should be restricted to the above four to ensure compatibility between all users of your web site. If your user’s browser does not support your font choice, their browser will revert to its default. Since browsers have increased support for CSS, or Cascading Style Sheets, whenever possible, use CSS to define your fonts, rather than HTML’s <font> tag. Also, be sure to keep your font sizes large enough for visitors of all ages and eyesight’s.

Stress Styles.

Avoid using all capital letters within your text, as it makes it difficult to read and implies you are shouting at the reader.

To stress words within your body text, decide on a format and stick with it. Some choose bold, while others choose italics or underline. My personal favorite is italics, but any of these can work well. Be careful when using underline, however, as it can be mistaken for a link. In addition, do not overuse these stress styles.

Entire body text should not be bold. Bold, like italics, is used to emphasis words, and usually an entire body of copy should speak for itself in regularly styled text. I like to use CSS to space my body text out a little to increase readability.

Article written by Lee

Search Engine Themes!

Date: 2011.02.24 | Category: Search Engine Optimization | Response: 0

It’s safe to say that the ‘pay-per-inclusion’ model is rapidly catching on with today’s search engines and directories as they are forced to become profitable in a hurry. But there’s also another trend that’s come to the fore.

‘Theme indexing’ is a process used by search engines to determine an entire site’s primary theme. In other words, your complete set of Web pages is indexed as one, and defined as one.

This is why sites with multiple product lines and subject content often get poor rankings today. To learn how to combat this, let’s first look at the theme indexing process from the search engine’s point of view.

According to Search Engine World, the theme indexing search engine follows this basic 5-step progression as it ‘weighs’ what a particular site is about:

1. Page Titles
2. Meta Tags
3. Page Headings
4. Page Content
5. Links

This is a general overview of the approach – each search engine is unique, and no one has the ultimate read on every search site. But to date this has proven to be true of AltaVista, Google, Excite, Lycos and WebCrawler.

All of these belong on the ‘Who’s Who’ list of major search sites today. If it’s important that your Web business be found among them, today you must write your site with theme indexing in mind. Here’s how:

The concept itself is simple. Focus your entire site like a laser beam on a single, potent theme.

The process is ruthless. Get rid of the deadwood. Set up additional sites as needed for each individual product and service ‘family’.

In the same way that you must now invest to get indexed on Yahoo, LookSmart, Inktomi and other top directories, you need to invest in separating your activities by theme into multiple Web sites. Kick out unrelated content, links and affiliate programs that don’t relate to your market niche. Build new sites as needed, with each focusing on its own unique selling proposition. This is the first step to take in the optimization copywriting process.

Having done this, here’s how to write each site to get the best possible positioning on theme indexing search engines.

Focus Your Key Phrase.

Determine what key phrase your entire site is about – a key phrase people use often on the search engines. To pick heavily searched, popular key phrases, try Word Tracker: http://www.wordtracker.com/.

Write Your Copy. Throughout your site play variations on your key phrase theme. Every element counts: page titles, meta tags, page headings, page content, links. Remember to write for people first. Search engines are robotic, but people always want to know what’s in your site for them. Tell them what qualifies you to help, and what you have to offer. Balance using your key phrase with the benefits you deliver.

Once you’ve written your copy, search your text for generic phrases like ‘our product’ and substitute your key phrase. Use long copy where you can. Not only does it outsell shorter copy – it also makes it easier for you to write keyword-rich text.

Format Your Text.

Use key phrase bullets. They break up text copy and serve you as mini headlines with an entirely different look and feel.

Use multiple headlines to create immediate context when a visitor explores your site. Make these headlines specific by using your key phrase. Tag headlines in your source code – <H1>, <H2> or <H3> – to highlight your theme.

Write your links as mini-headlines. Often people scan pages by jumping from one link to another. Link words look very much like headlines, or highlighted words, and should deliver your primary message and key phrase.

Measure and Test.

Conventional wisdom tells us that the ideal keyword density is somewhere between 3-7%. To check this before you submit, try the free Keyword Density Analyzer: http://www.keyworddensity.com/. For a more accurate read on individual search engines, do a search under your key phrase, then take the top 3 returns, enter their URLs and try to match their percentages before you submit. Track your placement and adjust accordingly.

This is the initial approach to optimization copywriting for theme indexing search engines. Keep it simple: start here.

Article written by Lee

Gay Adult Marketing 101

Date: 2011.02.22 | Category: Promotion | Response: 0

There is a myth out there that gay traffic is hard to convert because a gay surfer is reluctant to buy. This isn’t so. Conversions come down to two things:

• The gay surfer is discriminating; a membership to a site that has exactly what we want
• The gay surfer is loyal; I, believe, this comes from our experience as a community. When a Gay surfer decides to purchase a membership, it’s typically for a longer period of time.

This is evident with the better Gay Pay Sites; conversions may be lower than a straight hardcore site however, membership tend to be longer than the industry average. The gay surfer is discriminating; we look for a long-term membership with a site that has we want whether it’s teens, bears, amateurs, etc.

With that idea, I always advocate that age-old niche free site philosophy use a variety of sponsor programs on your sites. Typically, my free sites will have one main sponsor (I use Quality Males) then I’ll break my other banner slots down one Teen site, a Twink site and maybe a product like Viagra. But this will vary depending on the “flavor” or “personality” of your site – if you have a gay leather site, my main sponsor will be a Leather sponsor or product, with a variety of other sponsors (one mega site, a teen site, and maybe an adult toy store).

One marketing option, I tend to see working well is the full-page ad vs. only banners. I, honestly, do not know whether it’s a quality issue, a larger ad or the surfer’s disgust with banner ads, but it works well in our market.

One thing that experience has proven to me, it makes no difference whether you’re a webmaster to gay or straight traffic, you need to analyze your traffic. If you’re sending traffic out to sponsors and your not seeing the conversions, maybe you need to really look who your surfers are. If you’re lucky enough to know who your surfers are, then look for a specialty sponsor (whether partnership or click-thru program). It’s all a matter of finding the right sponsor programs and tweaking your site (and we all know how that can be). Don’t be afraid to experiment. It’s the long term that we need to be looking at. Remember that this isn’t “Who wants to be a Millionaire is 30 days or less”.

Gay traffic isn’t difficult to manage as many people think. It’s a matter of patience and understanding your market. And the best way to understand that market, is to ask a successful webmaster in the gay adult market..

Article written by Gary-Alan

Fighting Back Against Computer Viruses

Date: 2011.02.22 | Category: General | Response: 0

Only 10 years ago, the only way that a virus could have infected your computer was through you physically putting a floppy disk into your hard drive and running the program file that initiated the virus however, today’s viruses have become more complex in how they operate and, can spread like wild fire if they are not recognized as a virus doing damage not only to your computer but that of your associates and peers.

So how do we minimize the risk of virus infection on our computers which, lets face it, for the Adult Webmaster are our livelihood and, need to be protected at all cost. This is what we will take a brief look at in this article, how to minimize the risk of getting a computer virus and, heaven forbid, how to deal with a virus if you actually have one on your machine already.

Computer Viruses – A Little History.

1981 – The first widely accepted computer virus is recognized. The ‘Elk Cloner’ virus was spread through floppy disks and, whilst by today’s standards, it was not a high risk virus it, non the less was still a virus, in fact, all this first virus did was to display a message on your computer screen.

1991 – The ‘Tequila’ virus was the first recognized ‘polymorphic virus’ meaning, it was the first virus which actually altered its state once on your machine in order to remain undetected.

2001 – 2001 saw the spawn of several highly potent ‘worm’ orientated viruses from the ‘Gnuman’ virus, the ‘LogoLogic Worm’ and the famed (is that the right word?) ‘Nimda worm’. These ‘worms’ were the first of their kind to actually spread themselves across the World Wide Web through infecting users email clients (specifically Outlook Express) and sending itself to every email address the infected machine had in the address book.

Virus Infections – Prevention Better Than Cure.

So we now have a little background on the main viruses over the last 20 years we will take a look at the ways in which we can prevent viral infections on our computers after all, as the subtitle for this paragraph says, a prevention is far better than having to find a cure.

Here are a few simple ways you can help to prevent the spread and infection of computer viruses.

1) Install a good anti-virus software package on ALL of your computers, Norton and, Mcafee, both have some good products to aid you in preventing viral infections of your PC. Also, you should ensure the software package you do install has updated virus definitions, a new virus is created almost every week so you need to ensure your software keeps up-to-date on the latest infections.

2) Scan any and all email attachments you receive, irrespective of whether you know the sender or not, anything that you get sent in an email should be scanned, as mentioned above, there are complex viruses that can ‘send’ themselves from other peoples email address book, what happens if you are on the address book of an infected users computer? Can you afford not to be online?

3) Ensure that, once you have an Anti virus program installed on your machine that you have it setup to start each and every time that your computer boots, the first thing that should be loading on your machine is an anti-virus program, you only have one chance to prevent infection.

4) Avoid downloading .exe and .com files to your desktop unless, you know the person you are downloading the files from and, even then, before you launch or open the files ensure you scan them independently.

Virus Prevention – Overview.

Hopefully this article will have given you some insight into how you can protect both your computer and the computers of your associates and peers from computer viruses and, hopefully, by following the guidelines within this article your time spent online will be productive and virus free. One thing you should remember however is that no matter how hard we all try to remain virus free, someone will create a new program that ultimately, could infect our machines no matter how hard we try.

Article written by Lee

Direct Debit Payment Explained

Date: 2011.02.22 | Category: Billing Solutions | Response: 0

Something that is very rarely spoken about as a means of payment is Direct Debit, this is a popular payment method across Europe and, especially in the United Kingdom. Direct Debit can offer your surfers a cost effective, easy way to pay for products and services from your site especially, if they have a ‘recurring’ cost associated with them.

Direct Debit – What Is It?

Direct Debit is quite possibly one of the simplest ways to collect funds from your surfers basically, a form is filled out by the surfer, where they enter their bank payment details, account number, name, sort code. Then, the form is signed either electronically or, in person by the customer, in this case, electronically by the surfer.

Once you have the direct form filled in by your surfer, you may continue to deduct funds from the bank account on the Direct Debit form until such a time whereas the surfer cancels the Direct Debit agreement.

At the present time, around 45% of the population in the UK currently choose to pay their utility bills online by Direct Debit and, around 75% of the total population in the UK have used Direct Debit at least once in addition Direct Debit is also an alternative method of payment in the vast majority of European countries and, it is also used (although not as much) in Australia.

Direct Debit – What Are The Cost?

Direct Debit payments cost around $0.5 for you as a merchant to process, however, this charge, rather than happening on the processors side of the transaction, happens when the Direct Debit request hits your banking account.

This in itself is god news after all, you now ensure that if a membership or product costs $35 per month, you will get virtually the full cost of that membership until such a time when the surfer cancels the direct debit at their bank.

Direct Debit – An Overview.

All in all, Direct Debit is probably one of the only payment solutions that allow you to collect the full price from your surfer at the point of sale and, furthermore, because the Direct Debit method of payment is trusted, this offers your surfers something that no other form of payment can – Peace of mind. There is however one major drawback to this method of payment, it is very hard to find processors that will allow you to utilize Direct Debit on your sites in fact, to date, the main use for the Direct Debit payment method has been payments of utility bills, Gas, Electricity, Water Supply, etc however, many financial institutes will let you pay for goods and services using Direct Debit on ‘credit’ terms which can vary from 1 day to a year interest free or, not as the case so often is.

I strongly feel that within the next 12 months this method of payment could become advantageous to the adult webmaster however, the current online payment processors need to be pushed in order for this to become as widespread as credit and debit card processing is. That said, there are a few online adult companies already accepting Direct Debit as a form of payment so, at least the ‘DD’ revolution has already started.

Article written by Lee

Building A Surfer Trap – Stage 7

Date: 2011.02.21 | Category: Traffic | Response: 0

Here we go with Stage 7 in this Surfer Trap tutorial.

We should by now have a rather complex looking surfer trap, pop up consoles and blur consoles on all of the pages within it, all of these same pages interlinking each other indefinitely.

So, we are starting to get some traffic to this beauty from our existing sites and the counters we implemented but, how can we get some more traffic for FREE?

What I suggest we do next to this little baby is to add a banner exchange code to EACH of the FPA’s we have and also, onto the larger table console we created.

You should sign up for one banner exchange code for this trap, you might like to search around for a banner exchange that lets you have a decent ratio of impressions.

Once you have signed up for your banner exchange code, you now need to copy this coding into the BOTTOM of all of your FPA HTML pages including the Multi-Site FPA.

Now you have the banner exchange code on your site you are earning credits. Your account may not be activated for a day or so but, what this means is you are earning credits the entire time you are showing banners on your Surfer Trap.

Now we have the banner exchange code on our sites we only have one further step to take in order for this project to be completed.

Making sure it works how it is supposed too along with fine tuning this little beast.

If you have any further questions or comments please post on the forums here and one of us will be able to help you.

Article written by Lee.

Viral Marketing – Catching The Marketing Bug

Date: 2011.02.21 | Category: Viral Marketing | Response: 0

The term viral marketing is offensive. Call yourself a viral marketer and, people will often take two steps back. I know I would do. It is a sinister thing, the simple virus is fraught with doom, not quite dead yet not fully alive, it exists in that nether region somewhere between horror movies and disaster films.

That said however, you have to admire the skills of the viral marketer. They have a way of winning by sheer weight of numbers alone. They piggy back on everyone else and use their resources to grow their own. In the right circumstances the viral marketer can grow exponentially. A virus doesn’t have to mate, it just replicates itself again and, again and, again increasing its power, doubling its effect with each replication.

I
I I
I I I I
I I I I I I
I I I I I I I I

In a few short generations, a viral marketing population can boom as seen in the diagram above.

Viral marketing defined.

What does a virus have to do with viral marketing? Viral marketing describes any strategy that encourages individuals to pass on a marketing message to others, creating the potential for mass growth in the messages exposure and influence.

Like viruses, such strategies take advantage of rapid multiplication to explode the message to hundreds, even thousands in a relatively short period of time.

Before the advent of the internet viral marketing was often referred to as ‘word of mouth’. However, for better or for worse, the term viral marketing has infected.

One classic example of this marketing technique is Hotmail.com one of the first free web based email services. Their strategy was simple.

Give away free email addresses and services.
Attach a simple tag at the bottom of every free message sent out.
Watch people email their friends, colleagues and family.
Watch these same friends colleagues and family join up to their service.
See the message propelled to an ever increasing audience, all for free.

In closing viral marketing is like watching the tiny ripples of a single pebble dropped pond, one small splash can create ever increasing circles which in turn could create ever increasing revenues.

Article Written By Lee

SMS Marketing To MMS Marketing – WAP Billing Solutions

Date: 2011.02.24 | Category: Billing Solutions | Response: 0

MMS Billing (Multimedia Message Billing) is going to be one of the next huge leaps forward for the online industry’s, with more and more surfers firing up their cell phones to visit our sites and properties we need to start looking at the ways in which we can ultimately bill these types of customer and this is where MMS Billing comes into play.

MMS Billing – What Is It?

MMS Billing is a method of charging surfers using cell phones for access to your sites and services. Much like how the SMS Billing model works however, rather than solely billing for text or images, you can utilize MMS Billing on a wide range of rich media applications including movies, sound and, flash applications.

MMS Billing – What Are The Costs?

The costs for MMS Billing can vary greatly depending on your MMS Billing provider however, as a rough guideline, you can expect to pay anywhere between $0.10 and $0.50 per purchase through the MMS Billing method.

MMS Billing – An Overview.

MMS Billing is still in its infancy across the internet however, with more and more sites becoming WAP enabled and, more and more surfers turning their cell phones on to browse our websites this billing model will soon grow to what the current SMS Billing model is today.

Article written by Lee

Pay Per Click Or Search Engine Optimization

Date: 2011.02.24 | Category: Paid Traffic, Search Engine Optimization | Response: 0

What would you choose to run your business? Well each has their own benefits and drawbacks over one another.

PPC or SEO The Breakdown.

Pay Per Click or, PPC as it is most often referred to looks to the novice to be the better option for ‘immediate’ traffic results, you enter your desired keywords, place your minimum / maximum bid amount and you are set for top PPC engine listings for as long as you can maintain the balance in your engine account.

Search Engine Optimization or, SEO on the other hand, is the more traditional way of attaining high ranking search engine pages. Either you or an SEO expert optimizes your websites pages and random other elements of your website and hopefully within a month or two, you achieve high rankings in the major search engines.

So Which One? PPC or SEO?

Generally speaking, SEO work is most commonly more cost effective to your business than utilizing PPC results to gain your traffic, you could pay an SEO expert anywhere from $500 plus to optimize your site and get high rankings indefinitely or, you could put that $500 into a PPC engine account and get high rankings until such time as your account balance runs dry.

But lets look at this in terms of actual traffic…

Say you get 1000 visitors to your SEO based website which you paid $500 for, each visitor has cost you $0.50c now lets say your site remains at the top of the engines for a few months perhaps even years each month you receive another 1000 visitors to your site, you have basically cut the cost of each surfer hitting your site down to less than a penny per hit (not taking into account bandwidth costs obviously).

Now, on the other hand, you want to attract 1000 visitors from your chosen keywords via the PPC engines, most Pay Per Click search engines have a minimum bid amount of $0.05c per hit so right away in your first month, you could receive a potential 10k hits however, as most of you who have already tried your hand at the PPC engines will know, getting 10k hits for one or more keyword at a cost of $0.05 is hard to do, in fact, some would say almost impossible. Non the less let us keep going with this minimum bid amount for the time being.

Immediately, you can see that you are already restricted to the actual amount of traffic you can receive from the PPC results to 10k hits however, this isn’t the case with the SEO traffic, you could potentially hit your top chosen keyword and stay there until another site out-optimizes you or, your site needs to be optimized again.

Ultimately, the reasons you will choose over one or the other will be for either ease of traffic generation, PPC will allow you to gain almost instantaneous targeted traffic form the second you open your PPC account up until the point when your account funds empty whilst, SEO work will give you long term targeted traffic over time and, in most instances, this SEO traffic can last for years making the cost of the initial SEO work minimal.

In Closing..

Search Engine Optimization can last you years and years whilst Pay Per Click results can diminish in a relatively short amount of time depending on the amount of bid needed to achieve top listings.

However lets look at a third option, using both PPC results and SEO results in conjunction with each other to minimize the traffic you lose from your SEO work and, to minimize the traffic you lose from your PPC results this will afford you the time to see what works with your Search Engine Optimized sites whilst being able to play with the targeting of keywords on your PPC traffic, once you have both types of search engine figured out, you can put them both together and use them to increase the traffic to your site for years to come.

Article written by Lee