WordPress ImagePoll

Dave’s ImagePoll hack

Who’s HOT and who’s Not?


Aleccia

Dani

Jessica

Bailey

Tiera

View Results

Have you ever wanted an Image Poll on your WordPress site?

[column width=”47%” padding=”6%”]
A friend of mine had been bugging me for weeks to write her a “simple script” so she could Rate Guys on her website. I didn’t really have the time to reinvent the wheel for her, but she’s always so sweet. So what I did was a simple work-around using Andrew Sutherland, Democracy Poll (a WordPress plugin) Last I heard she is still running it, so I guess it’s passed the test and I’m ready to share it with you here 🙂

  1. The first step it to go to either of the link above and download the plugin. Install it according to Andrew’s instructions. We do not need the widget, ignore that part if you wish.
  2. Next we need to prepare some images and upload them into your favorite gallery.
    I would be carefully to resize the images so that they are not to big, but that’s just me.
  3. Next you need to find the image paths. I uploaded mine into WordPress media library. so finding the images is easy. in Dashboard click on Media. I found the images I want to use and click on Edit. Towards the bottom of the edit page, you’ll see File URL (fig 1)
  4. Copy that File URL line and paste it into Notepad. Do the same for all the images you wish to use in your Poll.
  5. Now we need to format the images for HTML. Go back to the image paths you pasted in Notepad and you should see something like this: http://you.com/wp-content/uploads/2010/06/bailey.jpg You can now add the tags so that it looks like this:<img scr=”http://you.com/wp-content/uploads/2010/06/bailey.jpg“/>Bailey Don’t forget to add a space at the end and a Name to each line!!
  6. Now create a new post. Below Post, in the Post options menu you will see the Democracy Settings Panel, Open that and paste in the URL’s we have formatted as answers to the question……
  7. Add your short code to the post as per Andrew’s instructions and Go VOTING!!!

[/column]

[column width=”47%” padding=”0″]

Fig #1

 

Fig #2


 


[/column]

If your happy with the vertical format we are finished – YAY 🙂 if not we have some more coding to do 🙁

3 Responses so far.

  1. pozy says:

    Woah! I’m really enjoying the template/theme of this blog. It’s simple, yet effective. A lot of times it’s very hard to get that “perfect balance” between user friendliness and visual appearance. I must say that you’ve done a excellent job with this. Additionally, the blog loads super quick for me on Internet explorer. Exceptional Blog!

  2. cindy says:

    such a cute idea and bangin work around

  3. Raul Ropp says:

    I’ve read some good stuff here. Certainly worth bookmarking for revisiting. I surprise how much effort you put to make such a wonderful informative site.