Content 2.0 for HTML Uploaders
Contents
Content 2.0 for HTML Uploaders
If you upload your own HTML pages, Solo Build It! (SBI!) needs you to create special Content 2.0 template pages (for Submissions, Standalone Comments, Thank You's and comment-forms).
SBI! uses them to display your visitors' submissions, standalone comments pages (if you don't have comments below the submissions), Thank You pages, and comment-form pages.
These templates should be simple and clean, using your Site Design and your navigation, plus special tags that SBI! will recognize and replace with the appropriate HTML code or text. Do not over-complicate or over-customize these templates! Keep them clean and simple.
Note: If you do not upload these Content 2.0 templates, SBI! will use the default Site Design from Site Designer for all of these pages. They may not match the rest of your site!
Creating Your Submission Pages Template
In order for SBI! to recognize and use this template for Content 2.0 submissions, you must follow these rules...
- Open your site's template, or open the HTML file for an existing page and strip out the content.
- Add ***sbi-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 ***sbi-content*** (lower case only -- no CAPS) into the <body> section of the file.
-
Save the file as
sbi-c2-submission-template.html (lower case only -- no CAPS).
-
You must name this template page sbi-c2-submission-template.html (lower case only -- no CAPS).
-
You must place this tag ***sbi-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 ***sbi-content*** (lower case only -- no CAPS) in the <body> section of your template page where you would normally place your page content.
If you're using an SBI! template, 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 ***sbi-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*** or ***NAVBAR orientation=horizontal*** tag, use it as you normally would).
If you don't add your navigation to this template, the built submission 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 pages. Add it just above your footer. Or add it to an SBI! Include.
Then add Face It! Like buttons to the template. Do not add the Facebook Commenting tag.
Save the file.
When finished, go to the Upload Your Own HTML tool and upload the template file as you would any other HTML page.
You'll then see the file listed in Page Manager's System folder, and in the Content 2.0 main page, where you clicked on the link to open this help.
Tips
-
This template is for submissions only, which are content. So you can have AdSense or other contextual ads on these pages without putting your account at risk. Any ads you place here will not appear in the content of the submissions. They can appear before or after, or in either of the narrow columns.
If you want to have ads in the content itself, use AdSense It! to position the ads on a global, per-invitation or per-submission basis.
-
If you want to make changes to this template page, save it and 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 submissions will be rebuilt. Depending on the number of submissions you have, this could take as little as 30 minutes or as much as several hours.
CSS for Breadcrumbs
If you want to use the SBI! Breadcrumb Trails automated process, you'll need to style the breadcrumbs using the CSS code below. Be sure to customize it to match the look of your site after it adding it to your stylesheet. Then upload the file with Quick Upload It!.
#PageWrapper .BreadcrumbBlock .BreadcrumbTiers {
list-style: none;
margin:30px 0 0;
padding:0;
}
#PageWrapper .BreadcrumbBlock .BreadcrumbTiers .BreadcrumbItem {
display: inline-block;
}
#PageWrapper .BreadcrumbBlock .BreadcrumbTiers .BreadcrumbItem + .BreadcrumbItem::before {
padding: 8px;
color: black;
content: ">";
}
If you added the CSS to your style.css file while preparing your first pages, you can ignore the instructions here.
Creating Your Standalone Comments Page Template
Important Note
We recommend that you display all comments along with the submission on the submission page itself.
However, if you combine two or more submissions, then the comments appear on a separate comments page for each submission. So do upload a comments HTML file.
For SBI! to recognize and use this template for Content 2.0 standalone comments, you must follow these rules...
- Open your site's template, or open the HTML file for an existing page and strip out the content.
- Add ***sbi-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 ***sbi-content*** (lower case only -- no CAPS) into the <body> section of the file.
-
Save the file as
sbi-c2-comments-template.html (lower case only -- no CAPS).
-
You must name this template page sbi-c2-comments-template.html (lower case only -- no CAPS).
-
You must place this tag ***sbi-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 ***sbi-content*** (lower case only -- no CAPS) in the <body> section of your template page where you would normally place your page content.
If you're using one of the SBI! 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 ***sbi-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*** or ***NAVBAR orientation=horizontal*** tag, use it as you normally would).
If you don't add your navigation to this template, the built standalone comments pages for all of your submissions 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 comments pages. Add it just above your footer. Or add it to an SBI! Include.
Then add Face It! Like buttons to the template. Do not add the Facebook Commenting tag.
Save the file.
When finished, go to the Upload Your Own HTML tool and upload the template file as you would any other HTML page.
You'll then see the file listed in Page Manager's System folder, and in the Content 2.0 main page, where you clicked on the link to open this help.
Tips
-
This template is for standalone comments only, which are content. So you can have AdSense or other contextual ads on these pages without putting your account at risk. Any ads you place here will not appear in the content of the comments. They can appear before or after, or in a Nav or Extra column, if your site has either.
If you want to have ads in the comments, use AdSense It! to position the ads on a global, per-invitation or per-submission basis.
Note, however, that having the comments on standalone pages will mean that the pages have very little content. AdSense may not have enough content to determine what ads it should place on the page. So you may not want to place ad code in this template.
-
If you want to make changes to this template page, save it and 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 standalone comments pages will be rebuilt. Depending on the number of comment pages you have, this could take as little as 30 minutes or as much as several hours.
Creating Your Thank You and Comment-Form Pages Template
In order for SBI! to recognize and use this template for Content 2.0 Thank You and comment-form pages, you must follow these rules...
- Open your site's template, or open the HTML file for an existing page and strip out the content.
- Add ***sbi-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-footer.shtml*** tag.
- Paste ***sbi-content*** (lower case only -- no CAPS) into the <body> section of the file.
-
Save the file as
sbi-c2-thankyou-commentform-template.html (lower case only -- no CAPS).
-
You must name this template page sbi-c2-thankyou-commentform-template.html (lower case only -- no CAPS).
-
You must place this tag ***sbi-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 ***sbi-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 SBI! templates, remove everything from the Include that sits just above the <h1> headline, all the way down to just before the ***z-footer.shtml*** tag (including the </div> just before it). Paste in the ***sbi-content*** tag.
Note that this is different from the first two templates. There's no need to have the Socialize It! button bar or any other social media buttons on pages that can't be accessed (Thank You pages) or ones that have no content (comment-form pages).
You can leave any Includes after that point.
These are options...
-
You should include your regular navigation (if you use SBI!'s ***NAVBAR*** or ***NAVBAR orientation=horizontal*** tag, use it as you normally would).
If you don't add your navigation to this template, the thank you and comment-form pages for all of your submissions 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.
-
Do not include the ***SOCIALIZEIT*** tag.
Do not add Face It! Like button tags. Do not add the Facebook Commenting tag.
Save the file.
When finished, go to the Upload Your Own HTML tool and upload the template file as you would any other HTML page.
You'll then see the file listed in Page Manager's System folder, and in the Content 2.0 main page, where you clicked on the link to open this help.
Tips
-
Remember to add
<meta name="robots" content="noindex">to the head section of the Thank You / Comment-Form Pages template. -
Do not place AdSense code in this template. You could be banned from AdSense if you do.
-
You must turn any relative URLs (ones without the domain name) into absolute URLs (ones that start with https://).
-
If you make changes to your template, all C2 Thank You and comment-form pages will need to be rebuilt. Depending on the number of submissions you have, this could take as little as 30 minutes or as much as several hours.
-
If you want to make changes to this template page, save it and 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.