37

This story is OUTDATED. Please check this story for new details – http://www.indianpad.com/story/55107

Oz from DesiTrain recently inquired about the possibility of adding the IndianPad Voting Widget into his blog. This basically allows the visitors on your site to vote on the stories without leaving your blog or website.

We had coded a remote voting widget some time ago but never got around to publishing it due to a lack of testing. Please add a comment here if you would like to take part in this testing. You can check the final product on our blog where its been in action for some time now – demo link.

Blogger BETA 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_pre">
<script type='text/javascript'>
var ipad_url="<data:post.url/>";
</script>
<script type='text/javascript' src='http://www.indianpad.com/api/ipad_remote.js'>
</script>
</div>

Blogspot/Blogger Users
Use the following code before or after <$BlogItemBody$>

<div class="ipad_pre">
<script type='text/javascript'>
var ipad_url="<$BlogItemPermalinkUrl$>";
</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_pre">
<script type='text/javascript'>
var ipad_url="<?php the_permalink() ?>";
</script>
<script type='text/javascript' src='http://www.indianpad.com/api/ipad_remote.js'>
</script>
</div>

Sample Sites

  1. IndianPad Blog (WordPress)
  2. MasalaGuru (WordPress – 18+ Content)
  3. Diary Notings (Blogspot)
  4. Garam Videos (BlogSpot)
  5. Desi Train (WordPress)
  6. Hot Sexy Videos (BlogSpot)
  7. Desi Babes (BlogSpot)
  8. Watch Funny Videos (BlogSpot)
  9. Nice Videos (BlogSpot)

Advertise on IndianPad
Comments
1
beachbong   # beachbong
  Posted 1113 days ago. (hide)

damn, this is pretty cool!

So does that mean that users can vote here or on the blog?
Has anybody implemented this yet?
How difficult is it?

I really like this as the users on the blog can vote without being shown a login window. I don’t have a blog currently but please mail the instructions to beachbong at google wali mail.

1
garamvideos   # garamvideos
  Posted 1112 days ago. (hide)

i’ll test

1
masalaguru   # masalaguru
  Posted 1112 days ago. (hide)

@ipad – Thanks for the instructions in your email! I have placed the widget on my site and it seems to be working well.

Note – My site features adult content so please be careful before you click – Check Site

1
devilsworkshop   # devilsworkshop
  Posted 1112 days ago. (hide)

Awesome! Please mail me the instructions at devil.workshop at yahoo.com
i would luv 2 giv it a try…

1
spencer_911   # spencer_911
  Posted 1112 days ago. (hide)

i’ll test too

1
indianpad   # indianpad
  Posted 1112 days ago. (hide)

Blogspot/Blogger Users
Use the following code before or after <$BlogItemBody$>
<div class="ipad_pre"> <script type='text/javascript'> var ipad_url="<$BlogItemPermalinkUrl$>"; </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_pre"> <script type='text/javascript'> var ipad_url="<?php the_permalink() ?>"; </script> <script type='text/javascript' src='http://www.indianpad.com/api/ipad_remote.js'> </script> </div>

1
indianpad   # indianpad
  Posted 1112 days ago. (hide)

I posted the code here as a lot of people are sending in requests by email. Please discuss all issues here so that others may benefit from your experiences as well…

1
spencer_911   # spencer_911
  Posted 1112 days ago. (hide)

its working fine

1
beachbong   # beachbong
  Posted 1112 days ago. (hide)

@spencer – please give a link to your site so that we can check it out…

1
indianpad   # indianpad
  Posted 1112 days ago. (hide)

@spencer – Currently, the text of the post always appears under the widget. You may wish to make one modification so that the text appears next to it.

Replace <div class="ipad_pre"> with <div class="ipad_pre" style="float:left;">

1
djakeel   # djakeel
  Posted 1112 days ago. (hide)

Do I have to enable anything in blogger or do I just add this to the template code. Has anybody tried it on blogger?

Also IPad – Whats with all the Basanti logic in your code…

1
garamvideos   # garamvideos
  Posted 1110 days ago. (hide)

please reduce the whitespace around the widget, take out any frame borders and resize frame so it fits exactly to the size of image. It doesn’t look good on a page that doesn’t have white background.

1
hotsexyvideos   # hotsexyvideos
  Posted 1109 days ago. (hide)

Added to Hot and Sexy Videos, Looks good! Help me in removing the white space around it. (On right side of the vote icon specially)

I think what whitespace Indiapad has kept is fine, otherwise it will stick to the title, n may not look good.. But still IP, you can think of reducing the whitespace on right by 50%.

1
masalaguru   # masalaguru
  Posted 1108 days ago. (hide)

I wish to thank Indianpad for this feature.

The votes on my stories have gone through the roof since I added this to my blog. And I don’t even have to submit the stories as my viewers do it for me!

One question – Is there any way to tell us which users voted here and which users voted from our site?

Thanks again…

1
hotsexyvideos   # hotsexyvideos
  Posted 1107 days ago. (hide)

I second masalaguru, looks like people tend to vote more from the blog itself. I think the increase is due to non indian pad users who vote from the blog.

1
indianpad   # indianpad
  Posted 1106 days ago. (hide)

@djakeel – Just add it to the template. No need to enable anything.
@garam – The transparency issue is now fixed. Thanks for catching this.
@hotsexy – This is fixed. We left a little bit of margin on the right so that the users don’t have to add any spaces to their text.

Please let us know if you find any other bugs or if you have any suggestions…

0
garamguru   # garamguru
  Posted 1100 days ago. (hide)

anybody knows how to implement this code in ‘Blogger Beta’? I didn’t find <$BlogItemBody$> in template….

1
spencer_911   # spencer_911
  Posted 1100 days ago. (hide)

you have to rivert to old template for doing that click on edit html

1
devilsworkshop   # devilsworkshop
  Posted 1100 days ago. (hide)

Thats a big drawback..This means i am gona lose all modifications by revertin 2 classic template..Cant we have any script 2 b placed in nu layout..I m sure ipad can cum out wid a solution

1
garamguru   # garamguru
  Posted 1100 days ago. (hide)

You can revert to classic and can add this javascript but when you come back to beta all these changes goes away. In beta there is page element called ‘Javascript’ where you can add third party javascript. But this code doesn’t work there. Is that need new code?

1
spencer_911   # spencer_911
  Posted 1100 days ago. (hide)

blogger beta allows to put the page element only on the side bar or the footer this will only work if they were to allow it to be placed in body section

1
garamguru   # garamguru
  Posted 1100 days ago. (hide)

“HTML/JavaScript – Add third-party functionality or other code to your blog”
This is what they stated in page elements. I have tried some third party javascript and they work. There is no need to put them in body…even in sidebar they work…

1
devilsworkshop   # devilsworkshop
  Posted 1100 days ago. (hide)

Thats y i luv old blogger but @ da same time beta is easy and neat than da old one.

1
devilsworkshop   # devilsworkshop
  Posted 1100 days ago. (hide)

@garamguru – i tried that But it places votin widget in sidebar which is useless

1
spencer_911   # spencer_911
  Posted 1100 days ago. (hide)

this help in explaining the beta code

1
garamguru   # garamguru
  Posted 1100 days ago. (hide)

Devil - The same with me... Spencer – but where is <$BlogItemBody$>?

1
indianpad   # indianpad
  Posted 1100 days ago. (hide)

I will look into this and post an update here…

1
indianpad   # indianpad
  Posted 1100 days ago. (hide)

I have updated the post and added code for Blogger BETA. You may also check the following link to see a demo page

1
munnacircuit   # munnacircuit
  Posted 1097 days ago. (hide)

I have added code in Blogger Beta but code appear below the header. Is it possible that code appear before the ‘post heading’?

1
indianpad   # indianpad
  Posted 1097 days ago. (hide)

@munna – Place the code after <h3 class='post-title'> if you want the vote button next to the post heading. You can see the results on this demo page

1
devilsworkshop   # devilsworkshop
  Posted 1091 days ago. (hide)

Perfect placing on my blog

thanks ipad for such wonderful widget :-)

1
indianpad   # indianpad
  Posted 1057 days ago. (hide)

The code for this has been tuned and re-factored. The voting widget is now super fast as the size of the code has been trimmed from 2500 lines to only about 40 lines!

1
amiable_indian   # amiable_indian
  Posted 1057 days ago. (hide)

Its surprising that only 9 sites are using Indianpad widget, If I had a site i would definitely use it and wish that readers post my blog stories on indianpad rather than me ;).

PS : I think the list on the top is not being updated, devilworkshop site Orkut Plus is not listed there.

1
nirmaltv   # nirmaltv
  Posted 1011 days ago. (hide)

Nice Widget…

1
devilsworkshop   # devilsworkshop
  Posted 1011 days ago. (hide)

Simple Post that Story to indianpad to set it running

1
ikshayar   # ikshayar
  Posted 988 days ago. (hide)

I just wanted to add that they should provide sample screenshot where they are talking about wiidget.

BTW, I wanted smaller version for it…
I have posted here: Smaller Version for this Widget

1
hotsexyvideos   # hotsexyvideos
  Posted 988 days ago. (hide)

Now a days, adding the link using the widget’s plus button is not working properly. I wanted to report this bug since long. It takes you to submit link page, but it does not pull the title and description, that’s the problem.

1
beachbong   # beachbong
  Posted 988 days ago. (hide)

@ikshayar – You can see it in action on the IPad Blog – http://www.indianpad.com/blog/

@HnS – That was discussed here already and we were told that it was done intentionally as most users were not modifying the title which led to titles with keywords and names of blogs in them.

1
hotsexyvideos   # hotsexyvideos
  Posted 988 days ago. (hide)

I think I missed that discussion. But it’s giving me a lot of pain, I cannot copy both things title and description simultaneously and need to always go back to the story, and copy the text I want to keep in story… anyways, that’s ok for me now. But if we find some other solution, that would be really helpful.

1
desibabes_1   # desibabes_1
  Posted 904 days ago. (hide)

added this to my blog too , pretty effing simple :-)
http://desibabesandhunks.blogspot.com/

Log in to comment or register here

Voters