Google Form

Google forms are very powerful, yet simple to create and edit. But, many people don’t like the footer text “Powered by Google Docs”. Wouldn’t it be awesome if you could remove that text alone and customize the appearance of the form according to your website’s theme?

I have found a simple solution to whitelabel Google Docs footer text. Just follow these simple steps:

Step #1

1. Go to Google Docs
2. Open the custom form which you have created using Google Docs.
3. Select Form->Go to live form
[A webpage containing your custom form opens]

Step #2

1. View the source code of the webpage which you have just opened.
2. Look for something like this:

<form action="https://docs.google.com/spreadsheet/formResponse?formkey=YOURFORMKEY&amp;ifq" method="POST" id="ss-form">

* YOURFORMKEY is an unique key generated for your form.
3. Copy the entire form code,i.e the code between

<!-- Form code starts here -->
<!-- Start copying -->
<form action="https://docs.google.com/spreadsheet/formResponse?formkey=YOURFORMKEY&amp;ifq" method="POST" id="ss-form">
<!-- Form code -->
<!-- Continue copying -->
<input type="submit" name="submit" value="Submit"></div></div></form>
<script type="text/javascript">

      (function() {
var divs = document.getElementById('ss-form').
getElementsByTagName('div');
var numDivs = divs.length;
for (var j = 0; j < numDivs; j++) {
if (divs[j].className == 'errorbox-bad') {
divs[j].lastChild.firstChild.lastChild.focus();
return;
}
}
for (var i = 0; i < numDivs; i++) {
var div = divs[i];
if (div.className == 'ss-form-entry' &&
div.firstChild &&
div.firstChild.className == 'ss-q-title') {
div.lastChild.focus();
return;
}
}
})();
      </script></div>
<!-- Form code ends here -->
<!-- Copy till the </div> tag -->

Paste the copied code into a HTML file. When you open this HTML document, you will find your Google Doc Form but without “Powered by Google Docs” text.

Cheers!