Integrate: "That's Hot" Box
The 'That’s Hot' box main function is to allow visitors on your site to add the desired page from your site to Zorpia Gossip.
There are 2 ways of implementing "That's Hot" button:
1. Simple Integration
2. Advanced/Flexible Integration
Simple Integration
This is the easiest way to add the "That's Hot" box to a page in your page.
Example: Simple Integration
Copy and paste the code below into the source code of the page where you want the "That's Hot" box.
<script src="http://static.zorpia.com/js/story/api_submit_vote.js"
type="text/javascript"></script>
Advanced/Flexible Integration
This method gives you more control of parameters when the page is submitted as a 'Story' to Zorpia.
Step 1: Basic Code
Copy and paste the code below into the source code of the page where you want the "That's Hot" box.
<script type="text/javascript">
var zorpia_story_url = 'PAGE_URL';
var zorpia_story_title = 'TITLE';
var zorpia_story_category = 'CATEGORY';
var zorpia_story_type = 'TYPE';
var zorpia_story_content_id = 'HTML_CONTENT_ID';
var zorpia_story_theme = 'THEME';
var zorpia_point_font_color = 'FONT_COLOR';
var zorpia_point_bg_color = 'BG_COLOR';
</script>
<script src="http://static.zorpia.com/js/story/api_submit_vote.js"
type="text/javascript"></script>
Step 2: Set the Variables
In this example, the story is about
Britney Spears. It is a
video on a site (
mysite.com). The content is in within a <DIV> tag with the id of '
content'
<script type="text/javascript">
var zorpia_story_url = 'http://www.yoursite.com/britney/videos';
var zorpia_story_title = 'Britney Spears Gone Bald!';
var zorpia_story_category = 'Celebrity';
var zorpia_story_type = 'Video';
var zorpia_story_content_id = 'content';
var zorpia_story_theme = 'compact';
var zorpia_point_font_color = '#FFFFFF';
var zorpia_point_bg_color = '#000000';
</script>
<script src="http://static.zorpia.com/js/story/api_submit_vote.js"
type="text/javascript"></script>
Note: You are not required to give ALL the javascipt variable a value.
Variable: Acceptable Values
PAGE_URL: Any page URL
TITLE: A string title for the story.
CATEGORY: Choose one of the following: Shocking, Celebrity, Music, Movies, Television, Humor_Jokes, Sports, Games
TYPE: Choose one of the following:
News, Photo, Music, Video, Blog, Link
CONTENT ID: The id string of the <div> that contains the main content of your story.
THEME: Choose one of the following: normal, compact.
FONT_COLOR: The hex code of the font color if you are using the compact theme.
BG_COLOR: The hex code of the background color if you are using the compact theme.
No Content ID?
If you don't currently have an ID for your content you can easily add using the following method: Note the 'id' attribute on the first line.
<div id="content">
<p>This is the content body of your page.</p>
</div>
Royal Membership | Sites:
