My Pages

Showing posts with label HTML/JavaScript Gadget. Show all posts
Showing posts with label HTML/JavaScript Gadget. Show all posts

Tuesday, July 5, 2011

How to add reCAPTCHA gadget to your blogger website.

If you try to add a reCAPTCHA gadget to your blogger website following "Design->Page Elements->Add a Gadget" link on your blog, you will find that there is no stand alone gadget for reCAPTCHA.

However, by editing some simple HTML/JavaScript code in HTML/JavaScript gadget, you can have one.

Just follow these simple steps:

Step #1: Add an HTML/JavaScript gadget: Go to "Design->Page Elements->Add a Gadget", and select HTML/JavaScript gadget under Basic gadget category.

Add an HTML/JavaScript Gadget


Step #2: Paste the following HTML code snippet into content text box and click on SAVE button.

<table>
<td width="544" align="left" valign="top" style="padding-top: 48px"><div class="normal" style="padding-top: 0px">
<h1>Help Digitizing Books One Word at a Time</h1>
<script type="text/javascript">
      document.write("<div style='padding-top: 10px;'>\n");
      document.write("<iframe src='http://www.google.com/recaptcha/demo/' "
                     + "allowtransparency='true' height='220' width='500' style='border:0px;' "
                     + "scrolling='no'></iframe>\n");
      document.write("</div>\n");
    </script>
</div></td>
</table>

Paste HTML code and Save


Step #3: Save the template and you're done!

Now, your reCAPTCHA gadget is ready for others to help digitizing old books and news papers.