Content 2.0 for HTML Uploaders
Contents
Content 2.0 for HTML Uploaders
If you upload your own HTML pages, SBI! needs you to create a special Content 2.0 utility template page that we will use to display the Content 2.0 Thank You page, your visitors' submissions, comments pages, comments Thank You pages, and other related pages.
This utility page should be a simple clean template with your Look and Feel, your navigation, and special tags that SBI! will recognize and replace with the appropriate HTML code or text. Do not over-complicate or over-customize this page! SBI! will be using it as a base template for a variety of pages that may not fit well with any special wording, images, etc., so...
Keep it clean and simple.
Note: If you do not upload this Content 2.0 utility template, SBI! will use the default Look & Feel from the Look & Feel selector for all of these pages. They may not match your site, which is not very professional! If you're using a Transition Template based on an SBI! template you used with SiteBuilder, you won't have this mismatch.
Creating Your Content 2.0 Utility Template
In order for SBI! to recognize and use this utility template for Content 2.0, you must follow these simple rules...
- Open your site's template, or open the HTML file for an existing page and strip out the content.
- Add ***c2-head*** (lower case only -- no CAPS) to the <head> section of the file. Remove the <title></title>, <META description> and <META keyword> tags.
- Remove everything from the content column, from the Include tag just above the <h1> headline tag, all the way down to just above the ***z-above-socializeit.shtml*** tag.
- Paste ***c2-content*** (lower case only -- no CAPS) into the <body> section of the file.
-
Save the file as
sbi-c2-template.html (lower case only -- no CAPS).
- You must name this template page sbi-c2-template.html (lower case only -- no CAPS).
- You must place this tag ***c2-head*** (lower case only -- no CAPS) in the <head> section of your template page, and it must go before your CSS stylesheet reference.
- You must remove the <title></title> tag.
- You must remove the META Keywords tag.
- You must remove the META Description tag.
-
You must place this tag ***c2-content*** (lower case only -- no CAPS) in the <body> section of your template page where you would normally place your page content, after your navigation.
If you're using one of the 3-column, CSS-based templates, remove everything from the Include that sits just above the <h1> headline, all the way down to just before the ***z-above-socializeit.shtml*** tag (including the </div> just before it). Paste in the ***c2-content*** tag.
You can leave any Includes after that point.
These are options...
-
You should include your regular navigation (if you use SBI!'s ***NAVBAR*** tag, use it as you normally would).
If you don't add your navigation to this template, the Thank You pages, built submission pages, and comments pages for all of your invitations will have no navigation options. Your visitors will be left with no way to visit the rest of your site.
- You should include your page footer.
-
Include the ***SOCIALIZEIT*** tag to put Socialize It!'s button bar on all your submission and comments pages. Add it just above your footer. Or add it to an SBI! Include.
Then add Face It! Like buttons to the template. The button bar and Like buttons will only appear on submission and comments pages.
When finished, go to the Upload Your Own HTML tool and upload the template page as you would any other HTML page.
Step by Step
1. Create a shell.
There are three options for creating your Content 2.0 utility template page.
- Use your existing HTML-editor template, stripping out any body content (except navigation) and headlines and removing the tags from the <head> section.
- Take an existing HTML file for a page from your site, and strip all of the content (including tags from the <head> section) from it so that you're left with a "shell" that is just your Look and Feel, your navigation and your footer (if desired). You should leave a space of at least 500px wide for SBI! to insert the Content 2.0 content into.
- If you're using a Transition Template, strip out any body content and headlines, leaving the navigation intact. Also remove the tags from the <head> section. If you're just switching over to HTML, get your Transition Template by clicking on the Click here to get your transition template link near the top of the Upload Your Own HTML tool page and copying the code.
Whichever option you choose, this template page can include images (either new or existing) but make sure that it's a very clean, simple and generic page. Do not add anything specific to a particular invitation (ex., headlines, pictures, etc.) as SBI! will be using it to display Thank You pages, ALL of your submissions, comments pages, and comments Thank You pages. Having specific information will look out of place.
Important
The template cannot contain AdSense ad code. The template is used for Thank You pages. Displaying ads on these pages is a violation of the AdSense Terms of Service.
Click on Save As and save the utility page with the name sbi-c2-template.html (lower case only -- no CAPS).
2. Add the required ***c2-head*** tag (lower case only -- no CAPS) to the <head> of your template page, before the CSS stylesheet reference (if you use one), and remove the other tags.
Go into the source view of your template page (if you're using a WYSIWYG editor) and in the head of your document add the ***c2-head*** tag.
Then remove these tags from the head section of your template page...
- <title></title>
- <META description>
- <META keyword>
SBI! will be adding those automatically with the appropriate information based on what the utility page is being used for. Remember -- this is a utility template page; it will be used for more than one purpose.
3. Add the required ***c2-content*** tag (lower case only -- no CAPS) to the body of your template page.
Go into the source view of your template page (if you're using a WYSIWYG editor) and in the body section of the document (below the <body> tag), add the ***c2-content*** tag where you would normally put your headline, content, etc.
Remember that if you're enclosing ***c2-content*** within a table or div, there must be at least 500px of horizontal space for SBI! to fill in your Content 2.0 content.
4. Change relative URLs to absolute URLs.
Your Thank You pages, built submission pages, comment pages, and comment Thank You pages are not served from your root folder. So relative URLs will display broken images and links. Before you upload and build the template, switch all relative internal URLs to absolute. For example...
<link rel="stylesheet" href="support-files/standard.css" type="text/css" media="screen">
must be changed to...
<link rel="stylesheet" href="http://www.your-domain-name.com/support-files/standard.css" type="text/css" media="screen">
5. Upload and build your template page and you're done.
Before uploading the file, click on the No button beside "Include This Page in your RSS/Blog It! feed?". If you don't, this template will be added to your RSS feed and to your Blog It! page.
Ignore the error message warnings and continue building the page.
Reminders
- Keep this page very simple. It will be used to display your Thank You pages, visitors' submissions, comment pages, comment Thank You pages, and a variety of system messages.
- Remember to leave at least 500px of horizontal space for the content.
- You can use the ***NAVBAR***, etc., SBI! tags as well as any includes that you need, but use them only to create the foundation of your template, and not for images, AdSense ads, or pieces of text.
- If you do not add any navigation to the template, all Content 2.0 pages (Thank You pages, built submission pages, comment pages and comment Thank You pages) will have no navigation options available to keep your visitors on your site.
Tips
- If you want to make changes to this template page, use Quick Upload It! exactly as you would any other uploaded page. If you do this, make sure that you do not remove the two special tags.
- If you make changes to your template, all C2-related pages of your site will need to be rebuilt. Depending on the number of submissions and comments pages you have, this could take as little as 30 minutes or as much as several hours.