Back to basics - Thumbnail Galleries...

A tutorial for adult webmasters.

Written by Tom from Tom's Newbie Booster

If you're just getting started in this business, and you're planning to make some adult webpages (and hopefully some money!!!) then one of the things you're going to spend a lot of your time doing is creating what we call thumbnail galleries. There's just no escaping 'em, and they're a huge part of the adult webmaster's life, so I figured we'd take a look at some of the basics involved here this morning.

What's a thumbnail?

Long before the web, and long before porn on the web, designers used to do small drawings on pieces of paper to give themselves and other people a clue as to what their final 'bigger' picture would look like. It allowed them to work out on a smaller scale some of the problems they might stumble across when they come to do the final, larger picture. A thumbnail image (or 'thumb') is just a small picture that allows you to see what the larger picture will look like.

Speed problems, surfing and a great solution!

Most people surfing the web right now have pretty slow connections and it would be impractical for them to download say 25 pictures every time they went to a website. By showing them a small preview of each image they can choose which picture they'd like to see. This saves YOU money as they will download or look at 'less' pictures, and it makes for a better surfing experience for the surfer as there's less waiting around. Naturally, as porn sites usually have pictures on them, the thumbnail picture is used a lot in that line of website building.

The 'gallery' part.

If you've ever been to an art gallery and checked out the paintings there, then visualizing a thumbnail gallery should be pretty easy. It's basically just a page filled with small images and each one of them links to the "full sized" version. Click the small one and you'll see the full-size version! Thumbnail galleries can have any number of pictures in them, depending on what kind of site or page you are making. So when you click the preview image you're really saying, "I want to see the full size version of this pic..."

Here's an example of a simple thumbnail gallery page:
http://www.xxxfootpics.com/gallery-1.html

Tables - the glue that holds the gallery together.

The "hidden" part of thumbnail gallery (like the one shown above) which you don't see is the webpage which holds the gallery together. There is usually one or more rows of 5 thumbnail images with neat little spacing around each small pic. The only real way to do this is with an HTML Table. Tables are great for giving your pages an exciting look. Here's a tutorial on tables:

http://www.december.com/html/tutor/tables.html

And here's the code you'll need for a standard adult webpage thumbnail gallery table:

<TABLE BORDER=1 CELLPADDING=10 CELLSPACING=0>

<TR>

<TD>Pic here</TD>
<TD>Pic here</TD>
<TD>Pic here</TD>
<TD>Pic here</TD>
<TD>Pic here</TD>

</TR>

<TR>

<TD>Pic here</TD>
<TD>Pic here</TD>
<TD>Pic here</TD>
<TD>Pic here</TD>
<TD>Pic here</TD>

</TR>

</TABLE>


That's for 2 rows of thumbnail pictures. If you want to make life really easy for yourself then make sure you get a nice free WYSIWYG visual editor when you're starting out, as tables can be a bit confusing and tough at first.

Advertising...

Don't forget the reason you're making this gallery too! To make you some money. Don't be tempted to just make the gallery and forget about the ads. You should be able to fit 2 - 3 ads on each gallery page that you make. You can simply put a banner at the top and bottom, or you might want to make the thumbs go all the way around an ad. You might want to have an ad to the left. Let's look at some more examples here:

Example 1
Taken from a FREE site.
Thumbs all around the advert and an ad at the base.
http://www.sexwithfeet.com/amateur-feet/main.html

Example 2
Taken from a TGP2 gallery.
Less thumbs and ads top, left, and above.
http://www.thongphoto.com/wife-fuckers/index.html

Example 3
Another free site gallery!
Ad to the LEFT of the thumbnails.
http://www.bare-foot-hooker.com/gallery-2.html

As you can see, there are many ways to make thumbnail galleries - but the main thing to make sure is that you're positioning your ads so that the surfer can NOT miss them. They have to look at the thumbs, so if you put your ads NEXT to the thumbs - it's gonna be practically impossible for the surfer NOT to see them.

Creativity with thumbnail galleries

It's worth spending time looking are as many other people's gallery pages as you can. Learn from what they are doing right - using interesting layouts and so on, and what they are doing wrong - not enough ads or using the same layout as everyone else! Get creative and play around with table and see if you can come up with some NEW layouts as well as mastering the basic ones that I've posted above. Have fun!

TOM ^"^


Tom's Newbie Booster
The TGP Booster
Daily Treasure



TGP Articles

Finding new link lists and TGPs to submit to
First Steps Towards your OWN TGP
Getting listed at the TGPs
TGP Bloopers
TGP Guide Part 1
TGP Guide Part 2
TGP Tips

Back to Basics

Conversion and Clickthrough Ratios
Image Compression Basics
Image Sizes - are they working for you?
Linking up a banner
Matching It All Up
Overture's Search Terms Suggestion Tool
The WARNING page
Thumbnail Gallery Basics


Traffic

Getting listed at the link lists
Paying for search engine traffic: Pros and Cons
Paying Your Way Into The Search Engines
Planning a Traffic Campaign
Smaller PPC Search Engines
Trading Links - the forgotten art of traffic generation
Trading Links - Some Fast Tips
Traffic Buiding Tips
Traffic is HARD to get! . Isn't it?
Traffic Options Rated
Traffic sources pros and cons
Feeder Sites & Pages
TGPs and Link Lists - where are they?



Making Sales

Adult advertizing ideas sheet
Advertising FAQ Part 1
A layout that sells.
Converting graphic ads to custom ads.
Futuristic Advertising Ideas.
Great text links - but do they really stand out?
Half Page Ads
Making Money With Link Lists
Making square ads.
Making the sale when there's so much free porn out there.
Not Giving The Surfer Too Easy A Ride
Secrets of amazing sign-up ratios
Some Help Choosing Banners & Ad Graphics
Things surfers CAN'T get free
Trial memberships - a tool to be exploited!
Your first selling and filtering system



How-to articles

A guide to mirroring sites and galleries...
Creating your own mini link lists
Dirty sites - some notes.
Easy exit console tutorial
Free site mass production
Free Site School (All 7 parts.)
Getting More Submissions
Learning from good examples.
Looking at recurring programs
Make a webmasters page
Making money from webmaster referrals
Making your own auto-submitter.
Mining For A Niche AVS Or Pay Site
Movies - Chopping Up and Adding to a Page
Naming files for the adult web
Opening a picture in a larger window
Pre-Load Your Galleries
SR Win tutorial
TheRename Tutorial - batch file renaming
Xenu Link Checking Tutorial



Miscelaneous Articles

Auto Submitters
Feeling Like An Outsider
Re-working An Adult Site
Simple CSS text formatting tutorial
Speed Building
The dangers of the dreaded 'FREE' word
Tools To Make Your Life Easier
What can we learn from adult TV?
What niche should I start with?
What's my server path?
What's in a paysite
Reviews

7Search.com PPC search engine
Banner Maker Pro
CoffeeCup HTML Editor
Excite's Paid Inclusion Service
Review of G.A.S.S
Google Adwords Select
GoClick.com
Notes on porn, gadgets and the future
Opera Browser
RoboForm.
Review Traffic Finder
Sex.com PPC
Search123.com Review
Stats Remote
Spam Blocker
Spam Blocker *Follow Up*
Swish 2
WebPosition Gold
Word Tracker


Search Engines

Adwords 1 - your first advert
Alt Tags And SEO
An introduction to search engine optimization
Google's Keyword Tool
Google Monitor Tutorial
Google's toolbar and PR / PageRank
Keyword Research - beyond Overture
Making A Crawler Page
Notes on Meta Tags
Planning a Search Engine Campaign
Re-Optimizing An Adult Website
SEO: Working in the variations...
Search engine traffic without spending.
Search Engine Help - the H1 Tag
Search Engine magic sheet 6
Surviving The Search Engines
The Google Dance Explained
The Google Phenomenon
Using your ALT text.

Domain Name Articles

Choosing a generic domain name
Caring for your domain name
Finding Great Domain Names Part 1
Finding Great Domain Names Part 2
How A Domain Name Works
Maximizing One Domain Name
Mining niche domain names tutorial
Moving domain names around
Tree Site Map tutorial
Your First Domain Name



Technical Articles

Absolute And Relative Paths
Adult webmaster scripts and links.
A Newbie Guide To Visitor Stats
An introduction to stats for adult webmasters.
Blur console tutorial
CHMOD tutorial
Folder Structure
FTP Jargon Buster PART 1
FTP Jargon Buster PART 2
Full page ads, you, and the search engines...
Getting Full Page Ads (FPAs) to work
Getting Server Side Includes (SSI) to run on HTML pages
Htaccess questions and answers
Htaccess - some notes for adult webmasters
Inter linking Pages with SSI (For Google)
Linking up with SSI
Password protecting a folder on your domain.
Possible uses for SSI
Protecting Picture Folders at the TGPs And Link Lists
Site building scripts
Some Notes On Hosting
Symbolic Links tutorial
Using Relative Paths With Sub-Folders
Your First Look At Using SSI



Copy writing and text

Adult Copywriting Crash Course
Writing Adult Pages
Writing Porn Headlines That Sell
Writing Text Links
Writing niche ads
Hot Topics - posts from the archives on:

Summer Slowdown
Layout and design

Adding A Glow Effect
Alternative Gallery Layouts
An annoying text ad that just might work
Basic External CSS
Catalogue Software - tips & free downloads
Colored Table Borders Tutorial
Color picking tutorial
Custom FPAs
Cascading Style Sheets (CSS) Cheat Sheet
FAST Effects.
Pixie Tutorial
Matching Up A Site Or Gallery Design To The Tour
Getting thumbs the same size
Spacing things out
Surviving Screen Resolution
Table Ads
Working with full page ads
Waking surfers up with a theme.


Graphics

Animated Gif Tutorial
Batch Image Compression
Images Check List
Image Compression
Image Compression with Cyberview Image
Image Slicing Tutorial
Logo Tips
Making banners load before the enter link
Making GIF Movies
Gimp Tutorial 1: Making a Pro Banner
Gimp Tutorial 2: Making a Gradient Logo
Gimp Tutorial 3: Alien Logo
Gimp Tutorial 4: Adding a crisp border to text
Gimp Tutorial 5: Fake Movie Boxes
Optimizing GIFs (Animated and Static)
Rounded corners tutorial
Screen Grab Tutorial
Seamless sex background
Tutorial - Sexy Letters



Pictures and content

Fast & Easy Content
Thumbs in 60 seconds
Pictures are not the only content.
Saving Time With Porn Pics
Speed Cropping in Photoshop
Thumbs in 60 seconds



Practical Adult Webmastering

Adult Site Check List
Adult webmaster myths.
An uncluttered approach.
Adult Webmaster Backups
Being A Part-Time Adult Webmaster
Choosing sponsors - the important factors.
Coming From A Mainstream Background
The world's most common free site bloopers
Getting Started - What will the neighbours think?
Help - I've not got time for this.!
How much does it cost to start an adult site?
Is there room for ME?
Keeping organized with your sponsor information.
Know Your Enemy
Making it as an adult webmaster
Nothing seems to work - an emergency guide
Organizing your hard disk
Sponsor Payment Pros And Cons
The FOUR prime porn site killers
What Problems Does The Adult Web Face?
Your first minute to your first year in this business.

Project Ideas

Setting Up Your Own Message Board
Building Your Own Porn Glossary


Saving Money

Compressing Recip Graphics