Windy Citizen buttons for your sites
Help your readers promote your stories on WindyCitizen.com.
Pick the button you like from below, and then copy/paste the code into your HTML editor or site template.
#1: Interactive buttons with points
Use one of these buttons to let your visitors quickly submit stories from your site, see how many votes they've received and vote for them right then and there.
Wordpress:
Go to Presentation and then Theme Editor. You'll need to edit both the 'Main' template that is responsible for the content on the general pages and the 'Post' template that defines individual posts. In the code, the <div> for a post entry will look like this: <div class="entry"><?php the_content('Continue Reading »'); ?></div>. After it, paste this code:
<script type="text/javascript" charset="utf-8">
show_windycitizen_button( "<?php the_permalink(); ?>", "tall", "<?php the_title(); ?>" ); </script>
Blogger:
One-click installOr go to Manage, then Settings, then Template, then Edit HTML and click Expand Widget Templates. Scroll down to the post section and right before this: <$BlogItemBody$> insert the following code:
<script type="text/javascript" charset="utf-8">
show_windycitizen_button( "<$BlogItemPermalinkUrl$>", "tall", "<$BlogItemTitle$>" ); </script>
TypePad or Movable Type:
In your Individual Entry Archive template, add the following to your <p class="entry-footer">:
<script type="text/javascript" charset="utf-8">
show_windycitizen_button( "<$MTEntryPermalink$>", "tall", "<$MTEntryTitle encode_url="1"$>" ); </script>
Anything else:
Copy and paste the code below into your blog single post template, substituting the URL_TO_STORY_GOES_HERE and STORY_TITLE_GOES_HERE with your system's variables for that info:
<script type="text/javascript" charset="utf-8">
show_windycitizen_button( "URL_TO_STORY_GOES_HERE", "tall", "STORY_TITLE_GOES_HERE" ); </script>
Wordpress:
Go to Presentation and then Theme Editor. You'll need to edit both the 'Main' template that is responsible for the content on the general pages and the 'Post' template that defines individual posts. In the code, the <div> for a post entry will look like this: <div class="entry"><?php the_content('Continue Reading »'); ?></div>. After it, paste this code:
<script type="text/javascript" charset="utf-8">
show_windycitizen_button( "<?php the_permalink(); ?>", "wide", "<?php the_title(); ?>" ); </script>
Blogger:
One-click installOr go to Manage, then Settings, then Template, then Edit HTML and click Expand Widget Templates. Scroll down to the post section and right before this: <$BlogItemBody$> insert the following code:
<script type="text/javascript" charset="utf-8">
show_windycitizen_button( "<$BlogItemPermalinkUrl$>", "wide", "<$BlogItemTitle$>" ); </script>
TypePad or Movable Type:
In your Individual Entry Archive template, add the following to your <p class="entry-footer">:
<script type="text/javascript" charset="utf-8">
show_windycitizen_button( "<$MTEntryPermalink$>", "wide", "<$MTEntryTitle encode_url="1"$>" ); </script>
Anything else:
Copy and paste the code below into your blog single post template, substituting the URL_TO_STORY_GOES_HERE and STORY_TITLE_GOES_HERE with your system's variables for that info:
<script type="text/javascript" charset="utf-8">
show_windycitizen_button( "URL_TO_STORY_GOES_HERE", "wide", "STORY_TITLE_GOES_HERE" ); </script>
Wordpress:
Go to Presentation and then Theme Editor. You'll need to edit both the 'Main' template that is responsible for the content on the general pages and the 'Post' template that defines individual posts. In the code, the <div> for a post entry will look like this: <div class="entry"><?php the_content('Continue Reading »'); ?></div>. After it, paste this code:
<script type="text/javascript" charset="utf-8">
show_windycitizen_button( "<?php the_permalink(); ?>", "text", "<?php the_title(); ?>" ); </script>
Blogger:
One-click installOr go to Manage, then Settings, then Template, then Edit HTML and click Expand Widget Templates. Scroll down to the post section and right before this: <$BlogItemBody$> insert the following code:
<script type="text/javascript" charset="utf-8">
show_windycitizen_button( "<$BlogItemPermalinkUrl$>", "text", "<$BlogItemTitle$>" ); </script>
TypePad or Movable Type:
In your Individual Entry Archive template, add the following to your <p class="entry-footer">:
<script type="text/javascript" charset="utf-8">
show_windycitizen_button( "<$MTEntryPermalink$>", "text", "<$MTEntryTitle encode_url="1"$>" ); </script>
Anything else:
Copy and paste the code below into your blog single post template, substituting the URL_TO_STORY_GOES_HERE and STORY_TITLE_GOES_HERE with your system's variables for that info:
<script type="text/javascript" charset="utf-8">
show_windycitizen_button( "URL_TO_STORY_GOES_HERE", "text", "STORY_TITLE_GOES_HERE" ); </script>
#2: Simple badges and buttons
These buttons let visitors submit and find your content on the Windy Citizen but do not show the current vote total or allow voting from your site.
Windy Citizen
Wordpress:
Go to Presentation and then Theme Editor. You'll need to edit both the 'Main' template that is responsible for the content on the general pages and the 'Post' template that defines individual posts. In the code, the <div> for a post entry will look like this: <div class="entry"><?php the_content('Continue Reading »'); ?></div>. After it, paste this code:
Blogger:
Go to Manage, then Settings, then Template, then Edit HTML and click Expand Widget Templates. Scroll down to the post section and right before this: <$BlogItemBody$> insert the following code:
TypePad or Movable Type:
In your Individual Entry Archive template, add the following to your <p class="entry-footer">:
Anything else:
Copy and paste the code below into your blog single post template, substituting the URL_TO_STORY_GOES_HERE and STORY_TITLE_GOES_HERE with your system's variables for that info:
Wordpress:
Go to Presentation and then Theme Editor. You'll need to edit both the 'Main' template that is responsible for the content on the general pages and the 'Post' template that defines individual posts. In the code, the <div> for a post entry will look like this: <div class="entry"><?php the_content('Continue Reading »'); ?></div>. After it, paste this code:
Blogger:
Go to Manage, then Settings, then Template, then Edit HTML and click Expand Widget Templates. Scroll down to the post section and right before this: <$BlogItemBody$> insert the following code:
TypePad or Movable Type:
In your Individual Entry Archive template, add the following to your <p class="entry-footer">:
Anything else:
Copy and paste the code below into your blog single post template, substituting the URL_TO_STORY_GOES_HERE and STORY_TITLE_GOES_HERE with your system's variables for that info:
Wordpress:
Go to Presentation and then Theme Editor. You'll need to edit both the 'Main' template that is responsible for the content on the general pages and the 'Post' template that defines individual posts. In the code, the <div> for a post entry will look like this: <div class="entry"><?php the_content('Continue Reading »'); ?></div>. After it, paste this code:
Blogger:
Go to Manage, then Settings, then Template, then Edit HTML and click Expand Widget Templates. Scroll down to the post section and right before this: <$BlogItemBody$> insert the following code:
TypePad or Movable Type:
In your Individual Entry Archive template, add the following to your <p class="entry-footer">:
Anything else:
Copy and paste the code below into your blog single post template, substituting the URL_TO_STORY_GOES_HERE and STORY_TITLE_GOES_HERE with your system's variables for that info:
If you have any questions, feel free to contact us at editor@windycitizen.com
- 5039 reads
There are hundreds of stories, events, deals, and photos posted in Chicago every day. You want to see the best of them. We can help. Join to post your favorites and vote up the ones you like. It's 100% free and takes 10 seconds to join.
