Cara Memasang Formulir Kontak Halaman Blog

Cara Memasang Formulir Kontak di Halaman Blog - Setelah sebelumnya saya menjelaskan tentang Contact Form Widget Terbaru Formulir Kontak Blogspot yang merupakan widget terbaru Blogspot. Kali ini saya akan menjelaskan bagaimana Cara Memasang Formulir Kontak di Halaman Blog dan tentunya sudah tidak berada didalam kolom widget

Jika pada penjelasan sebelumnya, kolom widget formulir Kontak atau Contact Form berada didalam widget sehingga akan membuat tampilan Contact Form tersebut selalu berada didalam halaman depan atau di halaman artikel. Padahal untuk Contact Form atau Formulir Kontak berada pada halaman khusus yang hanya menampilkan halaman kontak tersebut. Sebagai contoh bisa anda lihat milik saya di halaman Kontak

Bagaimana, anda sudah melihat halaman Kontak milik saya? Tampilannya berbeda dengan yang dihasilkan widget Formulir Kontak itu sendiri kan?? Untuk membuat Formulir Kontak seperti milik saya tersebut, ada beberapa ketentuan yang perlu anda perhatikan yaitu;

1. Letak widget yang ditempatkan
   Jika saat memasang widget Contact Form anda meletakkannya di bagian kolom widget sidebar maka tampilan yang dihasilkan akan menyesuaikan dengan lebar kolom widget sidebar tersebut. Sehinga, jika anda menggunakan kolom sidebar ini dan memasangkannya atau menampilkannya di halaman blog maka hasilnya akan memiliki lebar sesuai dengan lebar sidebar
   Berbeda jika anda memasangkan widget Contact Form atau Formulir Kontak tersebut di bagian atas atau bawah kolom widget postingan maka tampilan yang dihasilkan akan menyesuaikan dengan lebar kolom widget atas atau bawah postingan tersebut. Sehingga, saat menampilkan Formulir Kontak di halaman blog maka lebarnya akan menyesuaikan dengan lebar halaman
2. Menyembunyikan widget Formulir Kontak
   Dengan menyembunyikan Formulir Kontak ini maka ia tidak akan tampil di kolom widget yang ada di halaman blog atau halaman artikel
3. Kode CSS dan HTML
   Untuk mengedit tampilan sebuah widget, yang pertama harus diketahui adalah kode-kode dari widget tersebut yaitu kode CSS dan HTML. Begitu juga untuk merubah tampilan Formulir Kontak yang ada di Blogspot, hatus mengetahui kode CSS dan HTML Contact Form atau Formulir Kontak tersebut

Baiklah, untuk memasang formulir kontak di halaman blog, terlebih dahulu anda harus memasang widget Formulir Kontak tersebut seperti yang telah saya jelaskan sebelumnya. Dan berikut langkah-langkahnya;

1. Pasang widget Formulir Kontak di halaman Tata Letak, Klik Disini
2. Menyembunyikan widget Formulir Kontak. Setelah memasang widgetnya, sembunyikan widget tersebut dengan menambahkan kode berikut ini sebelum ]]></b:skin>
   

   
   .widget.ContactForm {
    display: none;
    }
   

3. Membuat halaman Kontak. Silakan anda buat halaman baru di menu Laman dengan judul Kontak atau Contact.
   Saat membuat Laman baru untuk Formulir Kontak, masukkan kode berikut ini kedalamnya;
   

   
   <style type="text/css">
    .widget.ContactForm {display: block; }
    .post-footer {display: none;}
    #blog-pager {display: none;}
    .blog-feeds {display: none;}
    .widget.ContactForm .title {display: none;}
    .widget.ContactForm * {max-width: 100%;}
    </style>

4. Perhatikan :
   Jika anda memasang widget Formulir Kontak di sidebar sebelumnya, maka hasil yang ditampilkan pada halaman Kontak akan memiliki lebar sesuai lebar kolom widget sidebar
   Jika anda memasang widget Formulir Kontak di satu kolom widget atas/bawah Postingan sebelumnya, maka hasil yang ditampilkan pada halaman Kontak akan memiliki lebar sesuai lebar postingan

Tampilan yang dihasilkan pada halaman Kontak masih terlihat sederhana, lalu bagaimana cara merubah tampilan formulir Kontak ini? Silahkan baca panduannya di Mengganti Tampilan Formulir Kontak dg CSS
Itulah cara memasang Formulir Kontak di halaman blog. Jika mengalami kesulitan dalam melakukan pemasang, silahkan tinggalkan komentar anda untuk artikel ini, Cara Memasang Formulir Kontak di Halaman Blog

Cara Memasang Formulir Kontak Halaman Blog 2013-05-23T02:03:00+08:00 Rating: 4.5 Diposkan Oleh: Ana Sriwahyuni