'HOW TO' Tutorial

Code Generation

1. Click on the 'Start Now' button above or in the bottom of this page.

2. Enter your 'WEBMASTER ACCOUNT LINK CODE'.

3. Decide how the content appears by choosing:

1. Size of your Badge
2. Top Gallery Type
3. Text Links Type
4. Category (Gay or Straight)

4. Generate Your Code and Preview your Badge

5. Copy and Paste the generated code into your website and/or Blog following the steps below

For Blogs

1. Steps for Template Integration

1. Log in.
2. Choose your blog template.
3. Open the template code edting page.
4. Paste the code generated in the place you want your badge to show up.
5. Save the template changes.
6. Republish your blog.

2. Steps for Blogging - Only for Blogs that allow HTML edting on Postings (i.e.: Blogger (BlogSpot))

1. Open your posting as Edit Html.
2. Paste the code generated in the place you want your badge to show up.
3. Publish Your Post.

3. General Constraints

• If the template has a sidebar less than 160px wide, the Badge content will not align correctly and may push blog posts below.
• The position of the Badge content in the sidebar depends on the placement of the Badge content HTML within the sidebar HTML. As a result, the Badge content can be above, between, or below other boxes ("About me," "Previous Posts," etc.).

For Websites

1. Steps for HTML Integration

1. Open the HTML code of your page.
2. Paste the code generated in the place you want your badge to show up.
3. Save your changes.
4. Republish your HTML page.

2. General Constraints

• If you place the code generated a sidebar less than 160px wide, the Badge content will not align correctly and may push your page's content below.
• The position of the Badge depends on the placement of the Badge generated code within the HTML page. As a result, the Badge content can be above, between, or below other content in your page.