How to Add Quick Props Feature to Your Blog

Red Robot

I happen to be one of those people who like the [this is good] feature on Vox. As mentioned in the Team Vox blog when the feature was released, it was meant to add "the ability to tell someone you like something of theirs, without the pressure of having to write a comment or think of something clever to say." Since only a few of you care enough to leave a comment every now and then, I thought I'd add a similar feature to this blog. If you like any entry I posted but don't really feel like writing a comment, just tick the checkbox. The word "Fabulous!" will show up in the comment box that you can submit to let me know that you enjoyed the post. Of course you can append more text to it. The longer the comments, the happier I'll be, but even a nice, one-word comment is better than no comments at all. Hence the added feature.

If you'd like to incorporate this quick props feature into your blog, this is the javascript I'm using (if your blog is powered by Movable Type, you can just copy and paste the following code into your mt-site.js):

function thisisgood() {
var props = document.getElementById('props');
var text = document.getElementById('text');

if (props.checked==true) {
text.value=props.value;}

else {text.value="";}
}

And this is the HTML for the checkbox to incorporate into your comment form:

<input type="checkbox" id="props" name="props" value="Fabulous!" onclick="thisisgood()" /> Fabulous!

This code will only work if your checkbox id is called "props" and the textarea id is "text". Otherwise, you'll have to modify it accordingly. Should be a piece of cake, even if you're not too familiar with javascripts.

Anyway, I just thought I'd share. Hope you find this useful!

11 Comments

  1. Jordan
    August 21, 2006

    Fab­u­lous!

    Reply
  2. colbert
    August 21, 2006

    Fab­u­lous! and dit­to again. I like this fea­ture. Its saves time and some­times I hate to type..

    Reply
  3. Bonita in Pink
    August 21, 2006

    Fab­u­lous!
    *test­ing*
    That’s cool!

    Reply
  4. Lucky7
    August 21, 2006

    Fab­u­lous!
    Very cool.

    Reply
  5. Lady M
    August 21, 2006

    Fab­u­lous!

    Reply
  6. Lady M
    August 21, 2006

    I tried to add this fea­ture on blog­ger but I was unable…can you help?
    http://lovemyroxxy.blogspot.com/
    thanks!
    :)

    Reply
  7. cindy
    August 22, 2006

    Fab­u­lous!
    This is very use­ful! Thank you for shar­ing it :) And would you mind shar­ing your vox account name so I can friend you?

    Reply
  8. Firda
    August 22, 2006

    @Lady M: I don’t think you can add this fea­ture to Blog­ger since Blogger’s com­ment form is not cus­tomiz­able. Sor­ry!
    @cindy: My vox account is firda.vox.com. Feel free to friend me but I don’t update my Vox very often. :)

    Reply
  9. claudine
    August 23, 2006

    Fab­u­lous! :)

    Reply
  10. marie b.
    August 23, 2006

    Fan­tas­tic. I just imple­ment­ed over on my own blog.

    Reply
  11. lincoln
    August 29, 2006

    Fab­u­lous!

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *