CSS Injection in Google Docs Forms

Google docs are the great way to get a feedback from your readers and can easily be embedded to your webpage or blogger.It provide full control to the webmaster to customize the layout of there form.But it would be great if we can change the a bit of css here and there .If u does not know how to use google docs to make a feedback form you can read this article.

Flemming Steffensen found an ultimate trick to customize google docs forms using css Injection. Lets See how it is doen.I know it may be difficult for some users but every new thing is difficult ,i recommend you to try once because such thing might not work in future.

Lets assume form url is :

https://spreadsheets.google.com/embeddedform?key=0Ato1MNFt5ld1cExhRTl0c1ZMcF8zcWZJRTNPSGhLQkE

You can add some new CSS rules as a value of the f parameter:

Like this :

https://spreadsheets.google.com/embeddedform?key=0Ato1MNFt5ld1cExhRTl0c1ZMcF8zcWZJRTNPSGhLQkE&f=;}body{font-size:14pt!important}.ss-q-title{color:green}

Open both above url in different tab and see the difference.

You can edit several things in google docs like :

• remove footer
• Change text color
• change font size globally,and section wise
• add padding and spacing

Flemming steffensen  has created a  interactive test page: For editing your googledocs form .So Do check out and do try.

Source: googlesystem.blogspot.com

This is a guest post by Ishan, if you want to write for Shoutmeloud, Check Join Shoutmeloud

Related posts:

1. Spice up your website or blog with Google Web Elements!
2. Try the New Google Search before its launch
3. How to Get Google Wave Invitation Officially
4. Simple hack to run multiple version of Google talk
5. Google Introduce Its own Public DNS

Tagged as: Google, google docs