Form not showing up in Blogger Html

  • Profile Image
    Durianwriter
    Asked on May 19, 2014 at 06:00 AM

    I'm trying to place a form in my blogger blog post. When I paste the iframe code in my html editor it just shows up as a lot of white spacein both the compose window and the preview.

     

    The page I'm trying to place the form is http://www.yearofthedurian.com/p/about-us.html

     

    Here's the code:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.me/form/41375705009452" frameborder="0" style="width:100%; height:465px; border:none;" scrolling="no"></iframe>
    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

  • Profile Image
    Welvin
    Answered on May 19, 2014 at 07:30 AM

    Hi,

    Please review this guide on adding form to Blogger page/post: http://www.jotform.com/help/14-Adding-Form-to-Blogger

    I checked the webpage source but couldn't find the iFrame codes. Did you remove it? I also noticed some form in the sidebar area, but they aren't visible. We recommend using the iFrame embed method. iFrame is recommended for blogger.

    Thanks

  • Profile Image
    Durianwriter
    Answered on May 19, 2014 at 08:53 AM

    Hi Welvin,

    Yes, I removed the iframe code from my website because I did not wish to leave it with a giant white space while I waited for assistance.

    As you can see in the initial post I used the iFrame code. Please see the code in the initial post.

    Thanks

  • Profile Image
    Welvin
    Answered on May 19, 2014 at 08:59 AM

    Okay, please kindly restore the iframe since that is recommended. This time, remove the script tags; use this codes:

    <iframe id="JotFormIFrame" allowtransparency="true" src="//form.jotform.me/form/41375705009452" frameborder="0" style="width:100%; height:465px; border:none;" scrolling="no"></iframe>

    See if that works.

    Thanks

  • Profile Image
    Durianwriter
    Answered on May 19, 2014 at 09:06 AM

    Okay i've inserted the code you recommended but it still doesn't show. You can now go to the page and see how it is interacting with the rest of tht code.

    Also, I want to change the height of the form to be a horizontal strip. I've edited the height px dimensions. do you have any code to make sure it stays aligned correctly?

  • Profile Image
    Welvin
    Answered on May 19, 2014 at 09:14 AM

    I see the form just fine. Please clear your browsers cache. Do a hard refresh CTRL+F5

    Also check it using another browser. You can adjust the height and make it 90px. 

    Thanks

  • Profile Image
    Durianwriter
    Answered on May 19, 2014 at 10:08 AM

    Thanks that worked. I'm glad it was easy.