Cara Membuat Kontak Hubungi kami di Blog

Mungkin cukup membingungkan ketika kita membuat Kontak Hubungi Kami sendiri, Tidak seperti kebanyakan di Blog tidak di dukung seperti di WordPress yang didukung Plugin - Plugin nya, Seperti sebelum nya kita telah membahas di Artikel sebelumnya dengan membuat Kontak Form sendiri melalui Tools Online silahkan baca disni : cara buat contact form
Tentu untuk beberapa Blogger merasa risih, dikarenakan adanya link Situs lain di bawah ditampilkan Credit Link nya, Jadinya Blog kita kurang elegant disisipi Credit Link tersebut.

Sebelum nya kita juga sudah memahami penjelasan dari kode kode membuat Kontak Form : membuat form pada website dan penjelasan Tentu ini hanya pemahaman dalam membuat Kontak Form yang mungkin agan sedikit binggung dengan beberapa kode dan penjelasan nya.
Nah untuk tulisan kali ini kita membuat dan menampilkan sendiri Kontak Hubungi kami di Blog kita sendiri, Tapi apa saja sih manfaat untuk kita membuat kontak hubungi ? Disamping Blog kita menjadi elegant tentu ini akan memudahkan Visitor untuk lebih mudah menghubungi kita, dengan mengirimkan subjek dan pesan itu masuk kedalam email kita, Berikut rinci Manfaat Kontak Hubungi Kami :

• Kita akan mendapatkan pesan dengan segera dan membuat antarmuka sederhana dan mudah menghubungi kita
• Jika agan sedikit memahami CSS dapat kita sesuaikan di blog kita bentuk dan menjadi tampilan cantik di blog kita
• Ketika orang menghubungi kita, maka seluruh halaman Blog kita tidak perlu dimuat ulang lagi.

- Langkah Pertama dengan Menambahkan Gadget di Blog

Caranya dengan agan masuk ke Dashboard Blogger > Tata Letak > Tambahkan Gadget (terserah agan mau menambahkan dimana) > Gadget > Formulir Kontak > Lalu simpan.

- Langkah Kedua Mengedit Template

Disini kita akan menambahkan kode ke dalam kode HTML di template agan kita hanya masuk ke Template > Edit HTML > Lalu kita cari kode ]]></b:skin> dengan menggunakan CTRL + F di template.
Setelah agan menemukan kode ]]></b:skin> sekarang kita akan menambahkan kode berikut diatas kode ]]></b:skin> berikut kode nya :

div#ContactForm1 {
display: none !important;
}

Sudah ? sekarang Simpan template agan lalu kita melakukan langkah terakhir.

- Langkah Ketiga menambahkan kode di Laman

Sebenernya kita sudah mendapatkan Kontak Form disini, Untuk misalnya agan ingin menambahkan Kontak Hubungi Kami di Navigasi menu Blog kita harus menambahkan kode agar di letakan di dalam Pages.

Caranya Dashboard Blogger > Laman > Laman Baru > Lalu ubah mode HTML > masukan kode berikut :

<div id="custom_ContactForm1" class="widget ContactForm">
<div class="contact-form-widget">
<p>Get in touch with us by filling out the form below.</p>
<div class="form">
<form name="contact-form">
<p></p>
Name
<br>
<input type="text" value="" size="30" name="name" id="ContactForm1_contact-form-name" class="contact-form-name">
<p></p>
Email
<span style="font-weight: bolder;">*</span>
<br>
<input type="text" value="" size="28" name="email" id="ContactForm1_contact-form-email" class="contact-form-email">
<p></p>
Message
<span style="font-weight: bolder;">*</span>
<br>
<textarea rows="6" name="email-message" id="ContactForm1_contact-form-email-message" cols="25" class="contact-form-email-message"></textarea>
<p></p>
<input type="button" value="Send" id="ContactForm1_contact-form-submit" class="contact-form-button contact-form-button-submit">
<p></p>
<div style="text-align: center; max-width: 225px; width: 100%">
<p id="ContactForm1_contact-form-error-message" class="contact-form-error-message"></p>
<p id="ContactForm1_contact-form-success-message" class="contact-form-success-message"></p>
</div>
</form>
</div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a title="Edit" target="configContactForm1" onclick="return _WidgetManager._PopupConfig(document.getElementById("ContactForm1"));" href="//www.blogger.com/rearrange?blogID=7095408808395964241&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget&sectionId=sidebar-right-1" class="quickedit">
<img width="16" height="16" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA2fM2pv3QVoZtTJA83gRXuxHHIr4y_I6g578l8XWV_3P8gNgDCZ5R_PGyrx8sCkfFsOZU-pMvfnpdU9ETFVJEWEy1uSQ1tUAfaRe_AgYGluXT6L4c1lEHfwANfwQYKwRoNk4h3CclZew/s1600/key.png" alt="">
</a>
</span>
</span>
<div class="clear"></div>
</div>

Blog id atau tulisan tebal ganti dengan id Blog agan > Lalu beri judul pada laman nya seperti Contact US atau semacamnya, Setelah itu Publikasikan.

Disini kita sudah siap membuat Kontak Hubungi di blog, sekiranya ada beberapa bentuk yang diharapkan agan tinggal mengubah sedikit Kode CSS nya di blog agan, Oh iya pesan akan masuk ke email admin pada blog kita, Jadi misalnya Blog agan mempunyai banyak admin makan pesan nya akan masuk ke semua Admin agan.
Berikut sedikit tips dari Om wavker, Jika sekiranya nya bermanfaat jangan lupa untuk di Share gan - Terima Kasih.