Add 'Submit to IndianPad' to your site

If you run a blog or a site then you can quickly enable your users to add links to IndianPad. Your viewers can just click this link to vote on your article or post your article directly to IndianPad. (view demo)

Add your implementation to the comment section on this story if you have any questions or concerns.

ipad_url - Only needed if you would like to use a URL from a different webpage. Default is current url.
ipad_size - Only needed if you wish to use the compact/mini view. Default is 'big'.
ipad_color - Only needed if you wish to change the background color. Default is transparent.
Simple Implementation This works on all pages but please note that the script picks up the url to be submitted from the address bar so this is NOT a good choice for your home page. This is excellent for individual story pages.
<div class="ipad_iframe" style="float:left;">
<script type='text/javascript' src='http://www.indianpad.com/api/ipad_remote.js'>
</script>
</div>
New Blogger Users A couple of tips if you add this. You will have to click on ‘Edit HTML’ and also choose the radio button that says ‘Expand Widget Templates’. Then copy the template text into a Text Editor before modifying it.
Use the following code after <div class='post-body'><p>
<div class="ipad_iframe" style="float:left;">
<script type='text/javascript'>
var ipad_url="<data:post.url/>";
var ipad_format="{small/big}";
var ipad_color="{color}";
</script>
<script type='text/javascript' src='http://www.indianpad.com/api/ipad_remote.js'>
</script>
</div>
Old Blogger Users Use the following code before or after <$BlogItemBody$>
<div class="ipad_iframe" style="float:left;">
<script type='text/javascript'>
var ipad_url="<$BlogItemPermalinkUrl$>";
var ipad_format="{small/big}";
var ipad_color="{color}";
</script>
<script type='text/javascript' src='http://www.indianpad.com/api/ipad_remote.js'>
</script>
</div>
WordPress Users Use the following code before or after <?php the_content() ?>. You may wish to modify templates for both 'Single Post' and 'Main Index'.
<div class="ipad_iframe" style="float:left;">
<script type='text/javascript'>
var ipad_url="<?php the_permalink() ?>";
var ipad_format="{small/big}";
var ipad_color="{color}";
</script>
<script type='text/javascript' src='http://www.indianpad.com/api/ipad_remote.js'>
</script>
</div>
Voting Demo
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi turpis. Vivamus sed dolor vel ligula scelerisque tristique. Curabitur non magna. Phasellus imperdiet feugiat pede. Mauris suscipit, erat a auctor ornare, turpis urna condimentum neque, quis porttitor est lacus vitae quam. Sed suscipit vestibulum urna. Sed fermentum purus sit amet eros. Nunc odio justo, lacinia sed, tempus et, feugiat auctor, dolor. Aliquam erat volutpat. Mauris id sapien quis sapien rhoncus placerat. Mauris at pede. Nunc consectetuer. Suspendisse ornare. Praesent id urna et sapien tincidunt gravida. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

| 0 comments
Submit Demo
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi turpis. Vivamus sed dolor vel ligula scelerisque tristique. Curabitur non magna. Phasellus imperdiet feugiat pede. Mauris suscipit, erat a auctor ornare, turpis urna condimentum neque, quis porttitor est lacus vitae quam. Sed suscipit vestibulum urna. Sed fermentum purus sit amet eros. Nunc odio justo, lacinia sed, tempus et, feugiat auctor, dolor. Aliquam erat volutpat. Mauris id sapien quis sapien rhoncus placerat. Mauris at pede. Nunc consectetuer. Suspendisse ornare. Praesent id urna et sapien tincidunt gravida. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

| 0 comments