Beberapa waktu lalu, seorang Mamah Gajah bertanya bagaimana caranya embed Google Form dan memastikan Google Formnya berada di tengah?
Jadi ceritanya, walaupun formnya terlihat ditengah waktu di mode edit, ketika di mode publish atau preview, formnya ternyata masih rapat kiri. Kalau dibuka di ponsel sebenernya tidak akan terlalu bermasalah, akan tetapi kalau dibuka di komputer, berasa ganggu banget!
Contohnya seperti ini nih.
Awalnya sempet nyoba utak atik di properti htmlnya, tapi ga berhasil.
Kemudian saya ingat kalau kita bisa melihat blok apa saja yang ada di WordPress dari Document Overview List View. Saya juga ingat ada 1 Google Form di blog MamahGajahNgeblog.com yang bisa di tengah. Langsung deh saya buka untuk mencari contekan. Ternyata ada yang terlewat.
Mendapatkan kode embed Google Form
Sebelum dijelaskan cara membuat Google Form ada di tengah, mungkin ada yang bahkan belum tahu cara menambahkan google form ke WordPress.
Caranya seperti yang dijelaskan di tulisan menempelkan berbagai hal di WordPress, kita perlu menempelkan kode dari Google Form ke blok customHTML.
Bagaimana mendapatkan kode yang akan ditempelkan? Tentu saja dari Google Formnya. Pastikan Google Formnya sudah dipublikasikan ya.
Dari Google Form, kita bisa klik tiga titik di kanan atas dan cari menu Embed HTML. Salin kode yang ada di sana dan nantinya untuk ditempel di blog.
Cara Menempel Google Form di Blog WordPress
Untuk menempelkan kode Google Form di WordPress, kita bisa tambahkan kode yang sudah kita ambil dari menu Embed HTML di Google Form ke blok Custom HTML di blog.
Sampai di sini, kita sudah akan bisa melihat preview dari Google Form kita di WordPress. Akan tetapi, tahap ini form yang kita tempel masih belum di tengah.
Bagaimana supaya Google Form di tengah blog WordPress?
Nah ini hasil contekan yang saya dapatkan. Ternyata kita perlu menambahkan blok Custom HTML tadi ke dalam blok columns.
Cara menambahkannya:
- Pertama tentunya tambahkan blok columns.
- Pilih One column
- Buka Document Overview – List View
- Geser blok CustomHTML ke dalam blok Column di atasnya
- Sekarang kode embed Google Form sudah di dalam blok Columns
Hasil Embed Google Form di blog WordPress
Begini hasilnya, formnya terlihat di tengah dan bukan di pinggir lagi.
Cara menempel Google Form di blog Blogger?
Mungkin ada yang akan bertanya apakah tips ini bisa berlaku di blogger? Untuk cara menempelkan di Blogger sih bakal mirip-mirip aja dengan cara menempelkan podcast ke situs blogger, kok.
Masalah apakah akan muncul di tengah atau tidak, itu tergantung templatenya. Kebetulan template blogger saya yang contoh udah bisa otomatis di tengah Google Formnya. Kalau mau lihat fontoh form yang sama di blogger bisa lihat di sini ya.