Saturday, 12 July 2014

Foxy Form Without Scroll For Your Website or Blog



code
A contact form is quite a good idea for a blog. It will give your blog a professional look. It will be definitely very useful for your readers as well. Any one can contact you quickly with the form. Now there are a lots of website available in internet who are providing this service. Many of them are not free and those who are free having certain limitations. I would personally recommend you to use Foxy Form

WHAT IS FOXY FORM 

It is an absolutely free website which is providing you tool to generate a contact form for your blog or website.

ADVANTAGES

  • Completely Free
  • No Ads
  • No Limitations
  • Integrated Anti Span Capabilities 
  • Very simple to use

HOW TO USE

  • Go to Foxy Form
  • You will see the customization option of your form. 
  • Customize the form according to your wish and enter your email address in which you want the messages to be arrived when someone use this contact form.  
  • Once you are satisfied with the preview which you can see below click on Create Formular
  • You will get a code as shown in the image below
code
  • Copy the code
  • Now paste this code into your blog where you want your form to be displayed
The problem is this code is that it will show your form with a scroll bar which looks so bad. Now keep reading for making this form look awesome. 

REMOVING THE SCROLL FROM FOXY FORM

  • Take a look to your code
  • It says do not change your code but you have to change
  • Find this line
http://www.foxyform.com/js.php?id=455691&sec_hash=85cb94f2a89&width=350px
  • Copy the red colored part (don't use the code given here; copy from the code which you have created in foxy form)
  • Now you have to replace some part in this code. 
<iframe frameborder="0" height="420px" scrolling="no" src="http://www.foxyform.com/form.php?id=452561&amp;sec_hash=994fabb7d73" style="border: none;" width="500px"></iframe>
  • Replace the red colored text with the code which you have copied before. 
Now this is the code for your form place it in your blog or anywhere you want. 

No comments:

Post a Comment