Kumpulan Trick Blog TErbaru

About

New Trick hayalah blog kecil yang mencoba untuk memberikan dan menyajikan trick dan tips tentang blog
Minggu, 22 Mei 2016

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 sobat lihat milik saya di halaman Kontak

Bagaimana, sobat 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 sobat perhatikan yaitu;

  1. Letak widget yang ditempatkan
    Jika saat memasang widget Contact Form sobat meletakkannya di bagian kolom widget sidebar maka tampilan yang dihasilkan akan menyesuaikan dengan lebar kolom widget sidebar tersebut. Sehinga, jika sobat menggunakan kolom sidebar ini dan memasangkannya atau menampilkannya di halaman blog maka hasilnya akan memiliki lebar sesuai dengan lebar sidebar
    Berbeda jika sobat 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 sobat 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 sobat 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 sobat memasang widget Formulir Kontak di sidebar sebelumnya, maka hasil yang ditampilkan pada halaman Kontak akan memiliki lebar sesuai lebar kolom widget sidebar
    Jika sobat 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 sobat untuk artikel ini, Cara Memasang Formulir Kontak di Halaman Blog




Klik untuk melihat kode: :) =( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @@, :-a :W *fck* x@

TOP