Cara Membuat Menu Contact Us di Blogger
Cara Membuat Menu Contact Us di Blogger,Membuat Menu Contact itu agak susah-susah Gampang... :D Yah kita ambil gampangnya AJ ..... LAngsung saja ini Caranya =
1.Pertama-tama Buka dasboard Blogger Sobat dan klik Pada "TataLetak" setelah masuk di menu tataletak Pilih "Tambahkan Gadget"
2.Setelah mengeklik Tambahkan Gadget akan muncul menu seperti di bawah ini, lalu pilih klik "Gadget Lainnya" dan pilih "Formulir Kontak"
3.Pastinya kalau di blog sobat akan muncul Form Kontak Seperti ini, tujuan untuk memunculkan ini adalah untuk biar Pesan yang ingin di sampaikan Aktif....atau berfungsi...
dan Letakkan Kode Html berikut Tepat Di atas "</head>"
<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:95%;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:#f4836a;box-shadow:0 4px 0 0 #c75b45;border:1px solid #eb7d67;border-radius:3px;text-shadow:0 1px 0 #de5135}
#ContactForm1_contact-form-submit:hover{background-color:#f5785f}
#ContactForm1_contact-form-submit:active{position:relative;top:2px;box-shadow:0 2px 0 0 #c75b45}
#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>
Bila Sudah Klik Simpan Template
Dan Form Kontak yang ada di Blog pastinya akan Hilang
5.Terakhir Tinggal Pergi Ke Dasbor Blog dan Pilih "Laman" dan buat laman baru Massukkan Kode Html Di Laman Seperti Gb Dibawah Ini:
<div dir="ltr" style="text-align: left;">
Tulislah Deskripsi anda disini :<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>
Menaruh Kode nya Dihtml ya Bukan Di Compose Setelah Selesai Tinggal di Publikasikan Dan SELESAI....... Terimakasih Telah Mengunjungi Blog Kami Sukses Selalu Buat Anda Dan Happy BLOGGing....................
Subscribe to:
Post Comments
(
Atom
)
No comments :
Post a Comment
Berkomentarlah dengan sesuai tema artikel dan Budayakan berkomentar dengan bahasa yang sopan
Peraturan Berkomentar:
1.No Spam
2.No SARA
3.No Iklan
4.No Rusuh :D
Bila melanggar Aturan diatas komentar akan di hapus..