How to add form to Blogger?

  • vanessabuck
    Asked on February 23, 2016 at 3:02 AM
    I copied the html code to put on the blogger platform in contact page, but it was cut , how do I adjust the form and be fully visible ?Thank you for your attention and guidance.A big hug
  • BJoanna
    Replied on February 23, 2016 at 3:17 AM

    Is this the URL of your webpage www.vanessabuck.com/p/contato_35.html?

    I have inspected that webpage and I saw that your embedded form is cut off. Please try to re-embed your form with iFrame code. I would also suggest you to remove script part of iFrame code. Remove script tags and everything between script tags and leave only iFrame part of the code. Your code should look like this. 

    <iframe

          id="JotFormIFrame"

          onDISABLEDload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotformz.com/60500386832654"

          frameborder="0"

          style="width:100%;

          height:539px;

          border:none;"

          scrolling="no">

    </iframe>

    If the form is still cut off, then increase height of your code. 

    Hope this will help. Let us know if you need further assistance. 

  • vanessabuck
    Replied on February 24, 2016 at 12:59 PM
    Hello good afternoon. I modified the height of the code but the form is still cut off. Need help. ThanksHow to add form to Blogger? Image 1 Screenshot 20
  • BJoanna
    Replied on February 24, 2016 at 2:24 PM

    I have checked again and height if your code is set to 100px. I also saw that you did not remove script part of your code (<script> tags and everything between script tags).

    Can you please try re-embedding the form again using its iframe code BUT this time, exclude the script part of the code. You can also set height of your code to 800px!important. Use only this part of your code: 

    <iframe

          id="JotFormIFrame"

          onDISABLEDload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotformz.com/60500386832654"

          frameborder="0"

          style="width:100%;

          height:800px!important;

          border:none;"

          scrolling="no">

     </iframe>

     Let us know if you need further assistance. 

  • vanessabuck
    Replied on February 24, 2016 at 5:23 PM
    Hello .. Good evening. I made the changes you told me , but viualizar the form, it remains disproportionate :( put the measure 800 but has grown too large , there diminiu slightly , to 700 , but still was not good What steps should I put he correct? Thank you
    How to add form to Blogger? Image 1 Screenshot 20
  • Kevin Support Team Lead
    Replied on February 24, 2016 at 9:30 PM

    Open the Designer and replace this code: 

    .supernova {

        background-size: cover !important;

    }

    With this one:

    .supernova {

        background-size: 100% 100% !important;

    }

    It should display your image completely.

  • vanessabuck
    Replied on February 25, 2016 at 3:31 PM
    Again I put the codeHow to add form to Blogger? Image 1 Screenshot 20 and failed. Send a screen shot to see how was the form with the new code. I do not know what to do, because all code or change what you ask me to do does not result in anything , the form remains disproportionate . What to do now to be able to put the form properly in the right place to be viewed ? Thank's
  • Kevin Support Team Lead
    Replied on February 25, 2016 at 3:58 PM

    Regarding to the background, it is as expected now, the issue is with the height, seems like you just copied and pasted the code provided by the wizard, please copy the code provided by my colleague above.

    <iframe

          id="JotFormIFrame"

          onDISABLEDload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotformz.com/60500386832654"

          frameborder="0"

          style="width:100%;

          height:800px!important;

          border:none;"

          scrolling="no">

     </iframe>

    I did it and it worked on my end.

    How to add form to Blogger? Image 1 Screenshot 20