Cara Membuat Contact Form Di Blogger

Blogger, Cara Membuat Contact form Di Blogger

Kitasukses - Cara Membuat Contact Form Di Blogger.

Layanan Contact Form biasa digunakan oleh pengunjung menghubungi pemilik blog, karena mungkin pengunjung memiliki pertanyaan atau pengunjung ingin menjalin kerja sama antara pengunjung pemilik blog.

Layanan Contact form ini memiliki beberapa nama lain yang sering digunakan di banyak blog. contoh nama lainnya adalah Contact form, Contact me, hubungi kami, Hubungi saya dan lain.


Disini kitasukses memiliki beberapa cara membuat Contact form kalian bisa mencoba salah satu yang saya sebutkan di bawah.


Kita langsung saja ke tutorial cara membuat Contact form dari saya

Cara Membuat Contact form di sidebar


Cara yang pertama ini adalah cara yang paling mudah untuk membuat Contact form di blog / blogger.


  • Buka blogger.com atau blog kalian lalu pilih menu > Tata letak > Pilih widget > di sebelah kanan  > pilih sidebar >  tambahkan Gadget.
  • Setelah kalian memilih tambahkan gadget Maka akan muncul menu baru, pada menu tersebut pilih Formulir kontak.
  • Jika tidak tersedia coba Kalian cari ke bawah karena biasanya menu formulir kontak ada di bawah.
  • Setelah memilih Formulir Contact, kalian akan dibawah ke menu baru, ubah judul Contact form sesuai keinginan kalian dan Pilih oke / simpan.
  • Selanjutnya kalian bisa cek di blog. apakah sudah muncul atau tidak.

    Catatan:
    Jika kalian mengikuti cara yang saya buatkan di atas maka pasti akan berhasil.

    Sebenarnya cara membuat contact form di atas tidak hanya bisa di pasang di sidebar, tapi bisa kalian pasang di bawah postingan juga.

    Lanjut ke tutorial selanjutnya

    Cara Membuat Contact form di halaman (Page)


    Cara yang kedua ini caranya juga sangat mudah kalian tinggal copy Script dibawah.


    
    <style>
    .page-contact-form input,
    .page-contact-form textarea {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
    }
    ​
    .page-contact-form input.contact-form-button.contact-form-button-submit {
    padding: 10px;
    background: #000; /* Button background color */
    color: #fff; /* Button text color */
    border: none;
    }
    ​
    .page-contact-form input.contact-form-button.contact-form-button-submit:hover {
    background: #777; /* Button background hover color */
    color: #fff; /* Button text hover color */
    }
    ​
    </style>
    ​
    <div class="contact-form-widget page-contact-form">
    <div class="form">
    <form name="contact-form">
    Name:<br />
    <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
    E-mail: <span id="required">*</span><br />
    <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
    Message: <span id="required">*</span><br />
    <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
    <input class="contact-form-button contact-form-button-submit" 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>
    </form>
    </div>
    </div>
    

    Selanjutnya Kalian buka Blogger.com > Login menggunakan akun kalian masing-masing.

    Selanjutnya kalian masuk ke menu Halaman(Page) dan pilih halaman baru.

    Selanjutnya kalian ubah mode tulis blogger dari Compose ke HTML dan kalian paste/tempel kode yang kalian copy di atas sebelumnya.

    Cara Membuat Contact form Di Blogger


    Catatan: 
    Jangan sampai salah, jika salah maka tidak akan berhasil.

    Selanjutnya isi nama contact formnya(misalkan: Hubungi Kami) setelah selesai klik saja publikasikan (publish).

    Selanjutnya kalian cek apakah sudah berhasil.

    Catatan:
    Jika kalian mengikuti tutorial dengan benar maka pasti akan berhasil.

    Lanjut ke cara selanjutnya

    Cara Membuat Contact form dengan 123contactform


    Catatan: 
    Saat ini contact form blogger sedang mengalami masalah. sebelum kalian mencoba pastikan kalian kalian cek berfungsi atau tidak.

    Baca keterangan lengkap tentang Contact form yang bermasalah, di google.

    Link Dari Google
    https://support.google.com/blogger/thread/17262264?hl=en


    Penutup


    Terima kasih telah berkunjung dan telah membaca cara membuat Contact form di blogger. jika ada pertanyaan lebih lanjut bisa di tulis di komentar.

    Masluki
    Masluki Hanya seorang yang ingin berbagi :)

    Tidak ada komentar untuk "Cara Membuat Contact Form Di Blogger"

    Masukkan Email