reveal media bias!

• blogger.com
• typepad.com

This is a step-by-step guide to automatically place a skewz widget button on every single blog post.

Before you do that though, you would want to take note of the following:-

1. Your blog should be set to save Post Pages. Post Pages are archived blog posts published to their own web page. Each post will have a unique URL, which is required by Skewz for the individual posts to be submitted. To verify or enable it, login to your Blogger Dashboard. Under Settings-> Archiving, set the "Enable Post Pages?" to "Yes" and save the settings.

2. This template update will put a Skewz button to every post. You are therefore not able to choose which post you want to include or exclude a button. If you would prefer to have a skewz button added only to some posts, read the later part of this article on "Button for selective posts."

3. The code reads the URL of the individual blog page and this shall be the URL used for submission of the story to Skewz.

Under "Template", click the "Edit HTML" tab. Block copy the entire HTML code for your site and save it in a text file. You can also click the "Download Template" link. This is one of the two necessary steps whenever you want to change the template. The second step is of course to "Preview" the new changes, and save the changes only when you are satisfied. The backup you have saved in a text file will come in handy when you accidentally click to save the changes without previewing them. With a backup, you can easily restore the template to the prior state if need be.

Click the box next to "Expand Widget Templates". Scroll about two-thirds down the template to look for the code that reads:-

      <p><data:post.body/></p>
    

If you want the button to show at the top right corner of your post, replace the above code with this:

      <div style='float:right; margin-left:10px;'>
        <script type='text/javascript'>
          skewz_url="<data:post.url/>";
        </script>
        <script src='http://www.skewz.com/javascripts/skewthis.js' type='text/javascript'/>
      </div>
      <p><data:post.body/></p>
    

To add the skewz widget to a specific post:

Your blog should be set to save Post Pages. Post Pages are archived blog posts published to their own web page. Each post will have a unique URL, which is required by Skewz for the individual posts to be submitted. To verify or enable it, login to your Blogger Dashboard. Under Settings-> Archiving, set the "Enable Post Pages?" to "Yes" and save the settings.

Publish the post without the widget and save the post's unique URL somewhere. Then click on 'edit html' for that post and add the following:
(this will add a button at the top right corner of your post)

      <div style='float:right; margin-left:10px;'>
        <script type='text/javascript'>
          skewz_url="HERE YOU SHOULD PASTE THE UNIQUE URL OF THE POST";
        </script>
        <script src='http://www.skewz.com/javascripts/skewthis.js' type='text/javascript'/>
      </div>
    

To automatically place a skewz widget button to every single blog post:

You need to have a TypePad pro account or higher in order to use 'advanced templates'.

A general 'how-to' from TypePad: here

The following needs to be added to the relevant templates:

      <script type='text/javascript'>
        skewz_url="<$MTEntryPermalink$>";
      </script>
      <script src='http://www.skewz.com/javascripts/skewthis.js' type='text/javascript'/>
    

To add the skewz widget to a specific post:

Your blog should be set to save Post Pages. Post Pages are archived blog posts published to their own web page. Each post will have a unique URL, which is required by Skewz for the individual posts to be submitted. To verify or enable it, login to your Blogger Dashboard. Under Settings-> Archiving, set the "Enable Post Pages?" to "Yes" and save the settings.

Publish the post without the widget and save the post's unique URL somewhere. Then click on 'edit html' for that post and add the following:
(this will add a button at the top right corner of your post)

      <div style='float:right; margin-left:10px;'>
        <script type='text/javascript'>
          skewz_url="HERE YOU SHOULD PASTE THE UNIQUE URL OF THE POST";
        </script>
        <script src='http://www.skewz.com/javascripts/skewthis.js' type='text/javascript'/>
      </div>