Membuat Contact Us Blog Responsive Dengan Jotform
Terbesit dalam benak saya untuk kembali berkunjung ke blog saya yang dulu,sekitar tahun 2012 tahun-tahun dimana sedang down untuk ngeblog hehe, akunya pun sudah lupa, namun karena nomor hp nya masih saya gunakan, akhirnya berhasil dibuka, ketika saya membuka halaman, saya pernah membuat contact us blog menggunakan flatform jotform, pastinya bagi anda yang pernah merasakan jotform pasti langsung hapal desain dan template contact us jotform, saya mencoba kembali singgah ke website jotform, seketika saya tertarik kembali menggunakan jotform untuk dua blog saya, karena jotform saat ini lebih responsive dan elegant, lebih banyak pilihan template dan background contact us, Jotform saat ini lebih simple dan lebih enak dilihat hehe...
Bagi anda yang tertarik membuat contact us blog dengan jotform,baik itu template AMP maupun template non AMP, simak dibawah ini tampilan dari jotform, untuk caranya saya rasa gak perlu dibahas yah? karena gampang ko cara menerapkan contact us blog, untuk membuat contact us valid amp, silahkan gunakan amp-iframe. Jotform juga bisa anda gunakan untuk form registrasi blog responsive,form privacy,form pembelian blog responvise dan lain-lain
Silahkan anda lihat demonya.
Bagi anda yang ingin membuat akun jotform silahkan dibawah ini.
Lihat gambar-gambar jotfor dibawah ini.
<amp-iframe allowfullscreen="" frameborder="0" height="700" layout="responsive" sandbox="allow-scripts allow-same-origin allow-popups" src="https://form.jotform.me/ID_form_Jotform" width="700"> </amp-iframe>
Ganti ID form jotform anda dengan ID form anda.Untuk blog non AMP silahkan gunakan embed dibawah ini.
<iframe id="JotFormIFrame-73033625664456" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.me/73033625664456" frameborder="0" style="width: 1px; min-width: 100%; height:539px; border:none;" scrolling="no"> </iframe> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-73033625664456"); if(window.location.href && window.location.href.indexOf("?") > -1) { var get = window.location.href.substr(window.location.href.indexOf("?") + 1); if(ifr && get.length > 0) { var src = ifr.src; src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get; ifr.src = src; } } window.handleIFrameMessage = function(e) { var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[2]); } else { iframe = document.getElementById("JotFormIFrame"); } if (!iframe) return; switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": iframe.style.height = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } </script>
Selamat mencoba jotform template baru..