Cara membuat dan memasang Kontak atau Contact Us pada Blog - Halaman kontak pada setiap blog menurut saya wajib adanya karena untuk mengetahui atau sekedar tanya pengunjung kepada pemilik Blog. Banyak cara untuk membuat dan memasang Kontak atau Contact Us pada Blog, ada yang memakai pihak lain untuk membuatnya dan ada yang memakai dari pihak atau yang disediakan blogspot.
Selain wajib halaman kontak atau Contact Us pada blog sebagai persyaratan mendaftarkan blog untuk bermitra dengan google adsanse.
Mengapa kok harus google adsanse?
Sebelum melanjutkan ke topik tentang membuat widget kontak. Mari kita bahas tentang mengapa harus google adsanse. Banyak blogger yang ingin mencari penghasilan atau sekedar menambah penghasilan maka mereka bergabung atau bermitra dengan google adsanse.
Karena selama ini sampai artikel ini saya tulis banyak pemburu adsanse yang sudah banyak yang berhasil menikmati uang dari mbah google.
Dan untuk menjadi mitra google adsanse anda harus mempunyai blog yang ramai pengunjung, artikel yang berkualitas dan beberapa syarat yang lainnya. Salah satunya dihalaman blog anda harus ada halaman kontak sebagai pemilik blog.
Selain kontak ada juga yang harus dan sebaiknya adalah pada halaman blog anda antara lain. About atau tentang penulis, sitemap atau peta sistus, privacy policy atau kebijakan tentang semua blog anda dan yang terkahir adalah kontak,
Halaman halaman tersebut harus ada jika anda ingin bermitra dengan google adsanse. Sudah banyak para pakar menganjurkan hal tersebut.
Kita kembali lagi ke topik bahasan diatas
Cara membuat widget kontak ini sangat simple dan dengan hasil yang maksimal, Silahkan anda coba pada blog anda.
Saya lebih suka dalam membuat dan memasang Kontak atau Contact Us pada Blog saya ini dengan cara yang disediakan oleh blogspot. Cara ini saya temukan di blognya bung Franky. Selain caranya simple hasilnya pun cukup memuaskan menurut saya. Jadi suka-suka anda memilih kontak yang akan anda pasang pada blog anda.
Apakah yang simple atau sedikit sentuhan-sentuhan para ahli template yang memodifikasinya menjadi tampilan yang lebih baik.
Baiklah kita mulai saja agar tidak banyak tutur tutur kata yang tidak bermanfaat.
Berikut Cara membuat dan memasang Kontak atau Contact Us pada Blog yang mudah dan simple
1. Login ke Blogger anda
2. Pilih Tata Letak klik Tambah Gadget
3. lalu pilih Gadget Lainnya klik Formulir Kontak (letakkan dimana saja)
4. Pada dasboard blog pilih Template kemudian klik tombol Edit HTML
5. Cari kode </head>
6. Copy dan Pastekan kode dibawah ini diatas kode </head>
<!-- Kontak Form -->
<style type='text/css'>
#ContactForm1{display:none}
</style>
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
/* Contact form */
#ContactForm1_contact-form-email,#ContactForm1_contact-form-name{width:70%;height:auto;margin:5px auto 15px;padding:10px;background:#ebebeb;border:1px solid #ccc;color:#777;border-radius:3px;box-shadow:0 4px 0 0 #c7c5c7}
#ContactForm1_contact-form-email-message:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-name:focus{background:#fffff7;outline:0}
#ContactForm1_contact-form-email-message{width:100%;height:170px;margin:5px auto;padding:10px;background:#ebebeb;border:1px solid #ccc;color:#777;font-family:Arial,sans-serif;border-radius:3px;box-shadow:0 4px 0 0 #c7c5c7}
#ContactForm1_contact-form-submit{display:block;height:35px;float:left;color:#FFF;padding:0 20px;margin:10px 0 5px;cursor:pointer;background-color:#2EA9DA;box-shadow:0 4px 0 0 #2EA9DA;border:1px solid #2EA9DA;border-radius:3px;text-shadow:0 1px 0 #226d8b}
#ContactForm1_contact-form-submit:hover{background-color:#37a0ca}
#ContactForm1_contact-form-submit:active{position:relative;top:2px;box-shadow:0 2px 0 0 #37a0ca}
#ContactForm1_contact-form-submit:focus{outline:0}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:15px;text-align:left}
@media screen and (max-width:768px){#ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message,#ContactForm1_contact-form-name{width:96%}
}
@media screen and (max-width:480px){#ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message,#ContactForm1_contact-form-name{width:94%}.post-body{margin:0 15px}
}
</style>
</b:if>
<!-- Kontak Form -->7. Jika Sudah klik tombol Simpan Template
8. Langkah selanjutnya Pilih menu Laman pilih Laman Baru, pada penulisan ganti dari Compose ubah menjadi HTML
9 Beri Judul Kontak atau Contact Us lalu Copy dan Pastekan kode dibawah ini
<div dir="ltr" style="text-align: left;" >
Silahkan isi form di bawah ini untuk menghubungi kami. Jika tidak ada halangan dan kesibukan lainnya, kami akan langsung merespon dengan cepat pesan yang Anda kirimkan.
<br />
<form name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" /><br />
<input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" /><br />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea><br />
<input id="ContactForm1_contact-form-submit" type="button" value="Kirim" /><br />
<div class="clear">
</div>
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>10. Langkah terakhir klik tombol Publikasikan
Apakah berhasil bila belum berhasil berrarti anda masih belum melakukan step by step langkah-langkah Cara membuat dan memasang Kontak atau Contact Us pada Blog.
Silahkan ulangi jika belum berhasil. Jika ada kendala dalam pemasangan silahkan berkomentar dibawah sebisa mungkin akan saya bantu.
Demikian Cara membuat dan memasang Kontak atau Contact Us pada Blog yang mudah dan simple. Untuk contohnya pada blog ini
Tags:
Tutorial Blog