Kamis, 23 Mei 2013

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

Cara Memasang Formulir Kontak di Halaman Blog

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 Rating: 4.5 Diposkan Oleh: Ana Sriwahyuni

5 komentar:

  1. Perlu juga dipasang ini supaya lebih memudahkan pengunjung memberikan masukan terhadap blog kita.Thks yah :)

    BalasHapus
    Balasan
    1. tetapi bukan suatu kewajiban mas :)
      makasih atas kunjungannya..

      Hapus
  2. Blogger emang mantab, makin hari makin banyak widgetnya...

    BalasHapus
  3. Contact Form nya apakah menggunakan pihak penyedia ketiga atau punya blogger?

    BalasHapus
  4. mantap!! saya coba dulu nihh.. baru tau soalnya hahah... thanks gan!!
    kunjung balik blog ane http://redanorak.blogspot.com follow aja, nanti saya follow balik :D

    BalasHapus

Demi kenyamanan bersama, tidak boleh memasang link dalam bentuk apapun, komentar yang berisi link tidak akan diterbitkan
Terimakasih

Direktori

direktori weblogger
Direktori WeBlog Indonesia