Cara Membuat Halaman Contact Atau Contact US Pada Blogger Dengan Cepat
Cara Membuat Halaman Contact Atau Contact US Pada Blogger Dengan Cepat - Halaman contact atau contact US merupakan halaman navigasi yang harus ada pada setiap website, bersanding dengan halaman about, disclaimer, privacy policy dan juga sitemap. Halaman ini bertujuan untuk mengirim pesan kepada penulis blog/ blogger yang bersangkutan mengenai hal yang yang dirasakan para pembaca.
Selain sebagai saran untuk menghubungi admin blog, halaman contact atau contact US juga banyak digunakan oleh para blogger dengan tujuan sebagai salah satu jalan atau taktik pada SEO (Search Engine Optimization) dan juga sebagai salah satu pelengkap apabila anda ingin mendafarkan blog atau website anda pada program Adsense.
Mungkin sebagian blogger memandang kecil hal yang satu ini, namun jika anda mempertimbangkan dampak yang diberikan maka anda akan tau mengapa harus mencantumkan formulir kontak tersebut kedalam website atau blog anda.
Bagi anda yang ingin membuat halaman contact atau contact US, maka alangkah baiknya anda mengikuti langkah-langkah berikut dan membacanya sampai habis.
- Masukatau login kedalam dashboard blogger.
- Pilih menu Halaman.
- Setelah terbuka. maka masukkan judul "Contact" atau "Contact US" tanpa tanda kutip pada judul halaman.
- Kemudian ubah jenis halaman dari Compose menjadi HTML.
- Copy kode dibawah ini :
<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> <br />
<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>
- Kemudian paste atau tempel kan pada halaman HTML.
- Jika sudah selesai, maka anda dapat melihat hasilnya pada halaman Compose.
- Setelah berhasil, maka tekan tombol simpan dan publikasikan.
Sampai disini admin kira sudah selesai untuk kita bahas, dan bila ada yang kebingungan dan hendak ditanyakan maka dapat menuliskannya pada kolom komentar dibawah. Kurang dan lebihnya mohon di maafkan dan untuk selengkapnya, anda juga dapat melihat video dibawah ini.