✔ Cara Gampang Embed Google Forms Responsive Di Blog

Cara embed google forms responsive di blog – Hari ini saya kesulitan dalam memasang google formulir di salah satu halaman blog saya. Google formulir tersebut rencananya saya pakai untuk halaman request tutorial dengan maksud supaya memudahkan pengunjung apabila ingin request artikel tutorial secara langsung. Meskipun saya tidak yakin apakah ada yang menggunakannya atau tidak. Haha

Terinspirasi dari salah satu website yang saya kunjungi. Web tersebut menyediakan tombol request artikel. Sehingga saya mulai berpikir kayaknya elok juga jika saya menyediakan akomodasi serupa di blog saya. Mungkin saja dapat bermanfaat! Maka terpikirlah untuk memakai akomodasi google forms ini.

Namun sesudah saya pasang di blog, ternyata layoutnya tidak responsif. Setelah saya buka lewat mobile hanya tampil setengah dari layout aslinya. Maka mulailah saya searching artikel di mbah google dan nemu artikelnya kompi asing yang modifikasi google form sebagai contact blog. Sebelumnya saya pernah mengikuti cara tersebut dan berhasil, jadi saya pikir hari ini juga akan berhasil. Namun sayang sekali langkah saya terhenti saat mencari arahan yang diharapkan untuk embed google forms tersebut.

Dalam tutorial tersebut kita disuruh untuk mencari arahan aria-label=”Name”, aria-label=”Email”, comments dll sesudah View Page Source. Namun sesudah saya cari arahan kode pertama yakni aria-label=”Name”, saya tidak menemukannya. Begitu juga untuk email dan comments, saya pikir mungkin saja google telah memperbarui google form atau letak arahan tersebut nyelip entah dimana.

Untuk menciptakan google forms
menjadi responsive kita hanya perlu mengubah lebar layoutnya menjadi 100%
seperti arahan berikut.

<iframe src=”YOURFORMHERE” width=”100%” height=”800″ frameborder=”0″ marginheight=”0″ marginwidth=”0″>Loading…</iframe>

Perhatikan arahan embed google form secara default ialah ibarat ini.

<iframe src=”https://docs.google.com/forms/d/e/1FAIpQLSd1Cg_c4CXG6si2Yi1071U3mYdHLFk2xkMaK4tSS8BVKcwKGA/viewform?embedded=true” width=”760″ height=”500″ frameborder=”0″ marginheight=”0″ marginwidth=”0″>Memuat…</iframe>

Silahkan ganti goresan pena “YOURFORMHERE” dengan url google forms kamu,
contohnya ibarat yang saya tandai warna merah di atas. Apabila kau bingung
dimana cara mendapat arahan embednya silahkan masuk di google form pilih
formulir yang telah dibentuk lalu klik “Kirim/SEND”.

Setelah
itu akan muncul popup silahkan klik pada simbol embed ibarat gambar berikut.

Bagaimana
mudahkan? Sekian artikel wacana cara embed google forms supaya responsive di
blog, agar ada manfaatnya.

Bagikan Artikel ini