Cara Membuat Contact Form Blogger

masbejo – Cara Membuat Contact Form Blogger. Buat sobat yang lagi nyari tutorial ” Cara membuat Contact Us untuk Blogger ” masbejo akan share ” bagaimana caranya membuat contact form blogger “. Mas bejo cobakan pada template premium buatan mas sugeng ” Viomagz “. Yuk ikuti langkah demi langkah prosesnya.

Halaman Contact us memang menjadi salah satu prasarat web agar bisa diterima oleh google…

Dulu sebelum mas bejo tahu cara membuat model form seperti contoh diatas…

mas bejo biasanya menaruh informasi kontak secara langsung, tapi masbejo pikir agak beresiko dengan keamanan..cara ini kayaknya lebih bisa menyimpan data email dan kontak kita..

Ok, kita mulai langkahnya

#pertama – buka Halaman statis pada blog sobat kemudian klik halaman baru bisa lihat gambar di bawah ini

#kedua – Setelah klik halaman baru silahkan sobat klik yang HTML pada laman tersebut 

#ketiga – Copas script dibawah ini ke bagian compos dan namai halaman dengan contact us, lalu publish beres deh

  • <div class="contact-form-widget">
    <form name="contact-form">
    <span class="ctitles">Nama :</span>
    <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" />
    <span class="ctitles">Alamat Email <span class="swajib">*</span> :</span>
    <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" type="text" value="" />
    <span class="ctitles">Isi Pesan <span class="swajib">*</span> :</span>
    <textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="10"></textarea>
    <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" />
    <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>
    <script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script> 

Itu sob tutorial singkat membuat contact us….

Baca Juga :  Cara Membuat Postingan Perdana di Blogspot dan Berisi Konten Menarik

Lanjut di tutorial Blog Lainya ya sob….Cek disini

Leave a Comment