Cara Menambahkan Formulir Kontak Blogger untuk Blogger dengan Mudah


Sebagian besar blogger menggunakan formulir kontak blogger khusus . Untuk itu mereka menggunakan situs pihak ketiga untuk menyelesaikan pekerjaan. Ini sedikit rumit untuk pemula. Blogger meluncurkan formulir kontak blogger baru. Jadi, formulir kontak blogger resmi ini dan mereka menyediakan antarmuka pengguna yang goyah di widget blogger baru ini. Oleh karena itu kami harus menerapkan gaya css baru agar terlihat bagus.
Bentuk kontak Blogger sangat penting karena setiap pengunjung dapat menghubungi administrator dengan mudah. ​​Jadi, Anda tidak ingin berbagi alamat email utama Anda langsung dengan blog Anda.

Mengapa Anda harus menggunakan formulir kontak blogger

1. Ini adalah widget terbaik untuk menjauh dari formulir kontak blogger pihak ketiga.
2. Widget ini dikembangkan oleh blogger dan Anda dapat mempercayai mereka daripada pihak ketiga blogger hubungi kami formulir
3. Blogger Hubungi kami formulir membantu menghubungi administrator blog untuk beberapa pertanyaan, Beberapa bisnis melalui ini. Jadi, ini cara yang sangat bagus untuk terhubung.
4. Administrator Blogger segera mendapatkan pesan ke kotak masuknya.
5. Jika blog Anda menyediakan beberapa layanan, pengunjung dapat meminta layanan atau informasi berpikir bentuk kontak blogger ini.
Cara menambahkan Formulir Kontak blogger untuk widget Blogger

Sebelum menambahkan widget formulir kontak blogger ini. Anda harus mengaktifkannya dan menerapkannya di slidebar

1. Buka blogger.com dan masuk terlebih dahulu
2. Di Blogger Dasbor Klik Tata Letak di Bilah sisi kiri
3.  Klik Tambah Gadget (gadget tambahan mana saja yang ingin Anda tambahkan) dan pilih Formulir Kontak sepertidi bawah ini :

4. Sekarang Anda dapat menyimpannya.

Untuk saat ini, Anda berhasil menambahkan formulir kontak untuk blogger. Sekarang Anda perlu gaya formulir kontak blogger Anda.

Cara Menambahkan Gaya ke Formulir Kontak Untuk Blogger
1. Di Dasbor Blogger Klik pada Template
2. Sekarang klik Edit HTML dan Pencarian   ]]></ b: skin>  By (Ctrl + F)
3. Sekarang Paste di bawah kode sebelumnya  ]]></ b: skin>
 
/ * Formulir Kontak Container https://bloggerclub.penaumi.com/ * /
.contact-form-widget {
width: 500px;
max-width: 100%;
margin: 0 otomatis;
padding: 10px;
latar belakang: # F8F8F8;
warna: # 000;
border: 1px solid # C1C1C1;
box-shadow: 0 1px 4px rgba (0, 0, 0, 0,25);
border-radius: 10px;
}

/ * kolom Formulir dan tombol serahkan * /
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}

/ * Kirim gaya tombol * /
.contact-form-button-submit {
border-color: # C1C1C1;
latar belakang: # E3E3E3;
warna: # 585858;
lebar: 20%;
max-width: 20%;
margin-bottom: 10px;
}

/ * Kirim tombol pada mouseover https://bloggerclub.penaumi.com/* /
.contact-form-button-submit: hover {
background: # 4C8EF9;
warna: #ffffff;
border: 1px solid #FAFAFA;
}
4: Sekarang Simpan template Anda. Anda berhasil dilakukan untuk saat ini.

Formulir kontak Blogger Anda terlihat seperti di bawah ini
Cara Menambahkan Formulir Kontak untuk Halaman Statis Blogger

Anda dapat menambahkan formulir kontak blogger ini ke halaman statis di blogger. Ini mudah untuk ditambahkan ke blogger dan Anda dapat menjadikannya sebagai halaman formulir kontak. ikuti panduan ini.

1.  Di Dasbor Blogger   Klik pada  Template
2.  Sekarang klik Edit HTML dan Cari   id = "ContactForm"   By (Ctrl + F)
  
3.  Sekarang Anda dapat melihat kode seperti di bawah ini.
 <b: id widget = 'ContactForm1' locked = 'false' title = 'Form Kontak' type = 'ContactForm'>
    <b: includable id = 'main'>
  <b: if cond = 'data: title! = & quot; & quot; '>
    <h2 class =' ​​title '> <data: title /> </ h2>
  </ b: if>
  <div class =' ​​kontak-form-widget '>
    <div class =' ​​form '>
      <form name = 'contact-form'>
        <p />
        <data: contactFormNameMsg />
        <br/>
        <input class = 'kontak-form-name' expr: id = 'data: widget.instanceId + & quot; _contact-form- nama & quot; ' name = 'name' size = '30 'type =' text 'value =' '



        <class input = 'kontak-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 = 'kontak-form-email-message' cols = '25 'expr: id =' data: widget.instanceId + & quot; _contact-form-email-message & quot; ' name = 'email-message' rows = '5' />
        <p />
        <input class = 'kontak-form-button contact-form-button-submit' expr: id = 'data: widget.instanceId + & quot; _contact -formulir-kirim & quot; ' expr: value = 'data:
        contactFormSendMsg 'type =' button '/> <p />
        <div style =' text-align: center; lebar maksimal: 222px; lebar: 100% '>
          <p class = 'kontak-form-error-message' expr: id = 'data: widget.instanceId + & quot; _contact-form-error-message & quot;' />
          <p class = 'kontak-form-success-message' expr: id = 'data: widget.instanceId + & quot; _contact-form-success-message & quot;' />
        </ div>
      </ form>
    </ div>
  </ div>
  <b: termasuk nama = 'quickedit' / >
</ b: includable>
  </ b: widget>
4. Sekarang hapus kode yang saya sebutkan dengan warna merah
5. Klik tombol Simpan Template dan simpan template Anda
6. Sekarang klik Halaman di dashboard blogger dan Klik Halaman Baru dan buat halaman baru
7. Sekarang beralih ke komposer HTML di sebelah kiri dan tempel kode di bawah ini.
<div class = "widget ContactForm" id = "ContactForm1">
<div class = "kontak-form-widget">
<div class = "form">
<form name = "contact-form">
Nama <br />
< input class = "contact-form-name" id = "ContactForm1_contact-form-name" name = "name" size = "30" ketik = "text" value = "" />
        <br />
E-mail * <br />
<input class = "contact-form-email" id = "ContactForm1_contact-form-email" name = "email" size = "30" ketik = "text" value = "" />
        <br />
Pesan * < br />
<textarea class = "contact-form-email-message"cols = "25" id = "ContactForm1_contact-form-email-message" name = "email-message" rows = "5"> </ textarea>
        <input class = "kontak-form-button contact-form-button-submit" id = "ContactForm1_contact-form-submit" ketik = "button" value = "Kirim" />
        <br />
<div class = "contact- form-error-message "id =" ContactForm1_contact-form-error-message ">
</ div>
<div class =" kontak-form-success-message "id =" ContactForm1_contact-form-success-message ">
</ div >
</ form>
</ div>
</ div>
</ div>
Sekarang terbitkan halaman Anda dan Anda selesai.

Jika Anda mau, Anda dapat menyalin tautan halaman ini dan terhubung dengan bilah Menu Anda, Maka pengguna mudah untuk terhubung dengan formulir kontak blogger ini.


Pesan ini akan dikirim ke alamat email yang Anda daftarkan dengan blogger. Jika Anda memiliki permintaan apa pun mengenai hal ini, tambahkan formulir kontak blogger untuk blogger.
Share on Google Plus

Tentang Pena Umi Production Studio

Channel Inspirasi Wanita Indonesia Didedikasikan untuk semua Wanita Indonesia. Bersatu membangun komunikasi dan saling berbagi informasi.

0 komentar:

Post a Comment