Bagaimana membuat tentang kita di html

7. Anda kemudian akan diarahkan ke halaman Suka dan Hobi, sesuaikan saja dengan konten blog Anda atau artikel di blog Anda. maksimal 5 likes dan 3 kategori hobby, lalu klik next contohnya seperti dibawah ini.  

8. Selanjutnya, Anda akan berada di bawah ke halaman Tambahkan sorotan, cukup pilih "Baca Blog saya" dan klik berikutnya

9. Selanjutnya anda akan berada di bawah untuk masuk ke menu URL blog, tinggal masukkan URL blog anda dan klik next

Cara Membuat Halaman Formulir Kontak di Blogger - Formulir kontak cukup penting bagi saya. Apalagi bila blog tersebut memiliki banyak pengunjung. Di wordpress, ada banyak plugin yang digunakan. Di Blogger?

Untuk pengguna blogger, mungkin cukup taruh email di halaman contact us, jika tidak embed google docs. Meskipun hubungi kami harus menjadi halaman yang dapat dengan cepat memberikan pemberitahuan kepada pemilik blog. Untuk itu ada baiknya kita membuat contact form yang bisa langsung diisi di halaman tersebut.  

Sekarang blogger sudah menyediakan widget yang berisi form kontak. Sayangnya widget ini hanya bisa ditempel pada layout yang sudah ada. Jadi Anda tidak bisa menampilkan widget ini di halaman blog tertentu

Jika Anda ingin menempatkan widget di halaman seperti halaman hubungi kami, Anda harus melakukan sedikit modifikasi pada skrip. Jika Anda ingin menambahkan formulir ke halaman hubungi kami, ikuti langkah-langkah untuk memodifikasi skrip di postingan ini 😀

Jika Anda tidak memiliki halaman hubungi kami, instal saja. Siapa tahu ada tawaran kerja sama yang menarik dari laman tersebut. Karena dengan contact form ini, Anda akan mendapatkan notifikasi langsung pada email yang Anda gunakan untuk membuat blogger. Baca saja langkah-langkahnya di bawah ini

Artikel Hilight

Buat Halaman Kontak di Blogger

Karena secara default form kontak ini hanya bisa digunakan sebagai widget, maka kita perlu melakukan beberapa trik agar form kontak ini bisa digunakan pada sebuah halaman. Untuk itu, ikuti langkah-langkah di bawah ini dengan seksama. Karena ada beberapa tahapan yang perlu diperhatikan

Menambahkan Widget

Langkah pertama adalah menambahkan widget formulir kontak ke halaman yang kami buat. Caranya, buka halaman layout > Add gadget > Contact Form. Letakkan di mana saja. Jika kurang jelas, coba lihat gambar di bawah ini

Modifikasi Widget

Setelah berhasil menambahkan widget, selanjutnya kita buka menu template dan pilih edit html. Cari widget bernama ContactForm. Setelah menemukannya, hapus kode di bawah ini

Setelah mengambil kode yang saya tandai di atas, sekarang saatnya membuat halaman formulir kontak.  

Buat Halaman Kontak

Buka menu Halaman/Halaman, jika sudah ada halaman kontak tinggal edit saja. Pilih mode html, lalu salin dan tempel kode di bawah ini.  

<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<i class="fa fa-user"></i> Name: <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
        <br />
<br />
<i class="fa fa-envelope-o"></i> E-mail:<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
        <br />
<br />
<i class="fa fa-pencil-square-o"></i> Message:
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><br />
<input class="contact-form-button contact-form-button-submit fa-user" id="ContactForm1_contact-form-submit" type="button" value="Submit" />
        <br />
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
<br /></form>

Sehingga akan terlihat seperti gambar di bawah ini. Kode dibawah ini sudah saya modifikasi jadi apa yang ada di blogspot anda mungkin sedikit berbeda

Setelah itu, coba publikasikan halaman formulir kontak yang telah Anda buat. Apa yang muncul di halaman? . D. Saya juga menambahkan ikon dari fontawesome

Anda bisa belajar menggunakan bootstrap jika ingin mempercantik halaman dengan bootstrap. Karena bootstrap sudah menawarkan bentuk yang cukup cantik menurut saya. Tidak ada salahnya mencoba 🙂

Mungkin cukup sekian tutorial dari saya tentang membuat halaman formulir kontak di blogspot. Karena pada dasarnya blog saya juga menggunakan blogspot yang saya beli domainnya jadi menggunakan custom blogger domain dengan domain TLD

Semoga tutorial singkat di atas bisa membantu sobat blogger dalam mempelajari cara membuat contact form di halaman

Hampir lupa, jangan lupa untuk mengujinya setelah mencobanya. Berikut adalah hasil pengujian saya terhadap formulir kontak di atas. Pesan berhasil diterima oleh akun gmail yang digunakan untuk membuat blog. Semoga berhasil 🙂

Masih kesulitan? . Jika Anda mengalami kesulitan, Anda dapat meminta bantuan saya dengan mengirimkan email. Untuk layanannya, cukup bayar pulsa 10 ribu saja. Nanti Anda akan tahu bahwa formulir kontak dapat digunakan

Tentang Kami mengandung apa?

Bagaimana cara membuat HTML?

HTML bisa membuat apa saja?

Apa yang harus ada di halaman situs web?