Iklan

Cara Membuat Formulir Kontak Blogger pada Halaman STATIS Blog

Salam Blogger, Kali ini bloggingpasuruan akan memberikan tutorial Cara Membuat Formulir Kontak Blogger berikut solusinya jika formulir kontak sobat blogger tidak bekerja. Anda harus menambahkan widget formulir kontak pada blog Sobat, ini penting sebagai sarana komunikasi antara admin blog dan pengunjung, juga sebagai salah satu syarat sobat mendapatkan adsense google lho !. Jika Anda sudah menambahkan, silakan menghilangkan ( hiden saja! Jangan dihapus widgetnya ! ) Sobat dapat mengikuti langkah-langkah berikut.

Baca juga artikel : Cara Membuat Formulir Kontak di Blogger
 
Ini langkah pemasangan widget formulir kontak ( untuk yang sudah pasang, tinggalkan langkah ini dan langsung menuju langkah berikutnya )

1: Masuk ke akun Blogger Anda dan pergi ke Layout.
2: Sekarang klik pada "Tambah Gadget" link dan "Lebih Gadget".
3: Sekarang menemukan "bentuk kontak" elemen halaman dan klik di atasnya.

Cara Membuat Formulir Kontak Blogger pada Halaman STATIS Blog

4: Jika Anda ingin mengubah judul widget form kontak, sehingga mengubahnya. Kemudian klik "Simpan" tombol.

Cara Menyembunyikan formulir kontak widget di Blogger

Pekerjaan selanjutnya yang harus dilakukan adalah menyembunyikan resmi kontak blogger bentuk widget yang menunjukkan di sidebar. Jadi kita memiliki beberapa metode untuk melakukannya. Salah satu metode adalah menghapus kontak kode html. Meskipun suatu hari ketika Anda ingin menunjukkan lagi di sidebar, Anda mungkin bingung dengan bertanya "Bagaimana cara menambahkan dihapus kode formulir kontak widget ke blog saya?". Sangat mudah untuk menambahkan. Tapi Anda harus melakukan beberapa pekerjaan. Jadi saya akan menunjukkan bagaimana Anda dapat menyembunyikan formulir kontak gadget menggunakan CSS. Setiap kali Anda ingin menunjukkan formulir kontak, Anda hanya perlu untuk menghapus potongan kode CSS dari template.

Sekarang pergi ke Template dan klik pada Edit HTML button.Then sisipkan kode di bawah ini tepat di atas dari ]]> </ b: skin> kode dalam template blogger.


#ContactForm1
{
display: none ! important;
}


Cara menambahkan Widget Formulir Kontak pada Halaman Statis Blog.

Sekarang kita akan menambahkan widget formulir kontak ke halaman yang berdiri sendiri. Ikuti langkah-langkah berikut dan membuat kustomisasi di bagian bawah.

1: Klik pada tab 'Pages' atau Laman di sisi kiri.
2: Sekarang klik pada New page >> Blank page. ( Halaman baru >> Halaman kosong )

Cara Membuat Formulir Kontak Blogger pada Halaman STATIS Blog



3: Beralih ke mode HTML dan klik pada tab 'Pilihan' di sisi kanan. Kemudian pilih "Gunakan Situs tag" pilihan di Line Breaks bagian seperti di bawah ini.

Cara Membuat Formulir Kontak Blogger pada Halaman STATIS Blog


4: Sekarang paste kode di bawah ini pada kosong lapangan Edit HTML.

<form name="contact-form">
<p></p>
Nama Anda:<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" value="" type="text" />
<p></p>
Email Anda:
<span style="font-weight: bolder;color:red;">*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" value="" type="text" />
<p></p>
Tulis Pesan: <span style="font-weight: bolder;color:red;">*</span><br />
<textarea class="contact-form-email-message"  id="ContactForm1_contact-form-email-message" name="email-message" cols="25" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" value="Kirim ( Send )" type="button" />
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>


Kustomisasi

Perubahan yang disorot Kuning ubah dengan kata-kata yang relevan Anda sendiri (yaitu: untuk Email Anda, Ketik alamat email Anda).
Ganti pesan yang harus diisi bukan simbol bintang warna merah (*) (yaitu: (wajib))
Ubah Kirim ( send ) dengan teks yang ingin ditampilkan ( terserah Anda ) pada tombol Submit.

Catatan: Jangan terlalu sering menggunakan atau menambahkan kode HTML baru untuk Blogger kode formulir kontak. Saya telah melihat banyak blogger mendapatkan masalah dengan mengedit dan menambahkan bidang baru untuk layangan formulir kontak. ini akan membuat formulir kontak Sobat tidak dapat bekerja dengan baik dalam halaman statis blog.

5: Langkah yang paling penting dalam tutorial ini. Ini menyimpan template Anda!

Tips: Jika formulir kontak tidak bekerja dengan baik !

Beberapa blogger mengeluh bahwa formulir kontak blogger tidak bekerja di blog-nya. Ketika sudah melakukan 'Kirim' beberapa  tombol tidak berfungsi dengan benar dan sehingga pesan tidak dikirim. Simak baik bak  agar formulir kontak blogger bekerja sempurna.

Sekarang mari kita lihat bagaimana memecahkan masalah ini dengan mudah tanpa membingungkan pikiran Sobat.

Masuk ke Template Halaman dan back up template Sobat terlebih dahulu.

Setelah melakukan hal itu, klik pada tombol 'Edit HTML' lihat pada bagin menu Jump widget ( kanan atas ) klik 'Langsung ke Widget' tombol drop down dan memilih pada ContactForm1 id. Sekarang Anda akan melihat blok kode HTML yang mirip dengan di bawah ini.

<form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>

Hapus kode diatas lalu Simpan template Anda.

Selesai !

Saya akan sangat berterima kasih jika Sobat Blogger berkenan memberikan komentar baik saran ataupun pertanyaan seputar Cara Membuat Formulir Kontak Blogger pada Halaman STATIS . Terima kasih semoga bermanfaat..

Next
Prev Post
Previous
Next Post

3 comments: