Cara Membuat [Contact Form Messages] Keren Pada Blogger

Contact Form Messages adalah alat untuk membuat Pengunjung Blog bisa menghubungi Pemilik Blog langsung Via E-mail... Jika kamu punya Blog, Maka kamu harus mengaktifkan Fitur ini agar tidak membuat Susah Pengunjung untuk menghubungi anda. Lalu bagaimana kah caranya?" Silahkan disimak baik-baik yaa...Langkah Pertama, Pastikan anda sudah menambahkan contact form bawaan blogger, jika belum silahkan anda ikuti cara berikut: 1. Login ke dasbor blog anda 2. Pilih Tata Letak 3. Tambah gadget baru lihat gambar dibawah 4. Pilih contact form/formulir kontak seperti gambar diatas 5. Save dan untuk sementara biarkan saja widget Contact Form berada di bagian sidebar. menyembunyikan contact form bawaan blogger yang telah di tambahkan tadi, caranya adalah 1. Pada Halaman Blogger pilih TEMPLATE seperti gambar dibawah 2. Pilih EDIT HTML lihat gambar diatas 3. Anda harus sudah menambahkan kode CSS font-awesome 4.0.3, jika belum silahkan tambahkan kode berikut dan letakan dibawah kode <#link href='//netdna.bootstrapcdn.com JANGAN LUPA HAPUS TANDA # (PAGAR) Karena apa?" kalau kodenya saya tulis percis, Ini akan membunuh kalimat Artikel Selanjutnya :) 4. Selanjutnya Salin kode berikut /* CSS Contact Form */ #ContactForm1{ display:none; } #ContactForm1_contact-form-name, # width: 300px; height:auto; margin: 5px auto; padding: 10px; background: #f2f2f2; border: 1px solid #ccc; color:#777; } #ContactForm1_contact-form-name:fo background: #fffff7; } #ContactForm1_contact-form-email-m width: 450px; height: 175px; margin: 5px auto; padding: 10px; background: #f2f2f2; border: 1px solid #ccc; color:#777; font-family:Arial, sans-serif; } #ContactForm1_contact-form-submit width: 101px; height: 35px; float: left; color: #FFF; padding: 0; margin: 10px 0 3px 0 0; cursor: pointer; background: #5E768D; border: 1px solid #556f8c; border-radius:3px; } #ContactForm1_contact-form-submit: background:#435c74; } #ContactForm1_contact-form-error-m width: 450px; margin-top:35px; } 5. Pastekan kode yang telah di copy barusan dan letakan sebelum kode ]]> < /b:skin > 6. Klik Save Untuk langkah selanjutnya agar "Kontak Form" hanya tampil pada halaman statis maka kita harus membuat halaman baru pada menu laman static Dan berikut ini caranya: 1. Pada dasbor Blogger pilih Laman 2. Buat laman baru lihat gambar diatas 3. Klik mode HTML editing 4. Copy lalu Pastekan kode di bawah ini

#comments,.post_meta,#blog-pager { #ContactForm1_contact-form-name, # width:100%;height:auto;margin:5px #ContactForm1_contact-form-email-m #ContactForm1_contact-form-name:fo #ContactForm1_contact-form-submit #ContactForm1_contact-form-submit: #ContactForm1_contact-form-error-m width:100%;margin-top:35px;} .contact-form-error-message-with-b .contact-form-success-message {bac img.contact-form-cross {line-heigh 6. Beri Nama Judul Halaman misalnya Kontak Saya, Setelah itu Publikasikan dan lihat hasilnya, kurang lebih seperti gambar paling atas. Atau anda juga bisa lihat pada Blog AlviyatuN yang kebetulan juga pake Script Contact Form ala Arlina Dezign diatas. "Kontak Form" Halaman Statis Blogger ala Arlina dezign.

Terima Kasih Kepada Alvya.com dan Arlina Dezign