Notice - Lihat Pengumuman Pemenang Event Jepret Beranda BAGAS31.com
Halo Sobat!, Members Area : Daftar - Masuk · Pasang Iklan · Peta Situs

Cara Memasang Widget Contact Form di Halaman Statis Blogger

Written By Unknown on Kamis, 23 Mei 2013 | 14.56


Seperti yang kita tahu bahwa blogger beberapa hari yang lalu telah merilis salah satu fitur baru yaitu widget contact form. Namun sayangnya widget tersebut hanya dapat ditaruh di sidebar, tidak dapat ditaruh di dalam postingan maupun di halaman khusus (halaman statis). Nah, kali ini saya ingin memberikan sedikit trik Cara Memasang Widget Contact Form di Halaman Statis Blogger.



Trik ini bukan saya yang bikin pastinya :p. Trik ini saya ambil dari blog http://bloggeritems.com. Gak tahu deh sumber aslinya dari mana. Beberapa blogger Indonesia juga sudah banyak yang mempostingnya, jadi bingung saya mau ngasih sumber ke yang mana :D.



Ok, langsung saja berikut ini caranya:




1. Langkah Pertama: Menambah Gadget Contact Form










Cara Memasang Widget Contact Form di Halaman Statis
Tambah Gadget Baru




Cara Memasang Widget Contact Form di Halaman Statis
Pilih Widget  Formulir Kontak




Cara Memasang Widget Contact Form di Halaman Statis
Klik Simpan





Setelah itu selesai menambahkan widgetnya, sekarang Drag Widget Contact Form tadi ke bawah kotak posting 







Cara Memasang Widget Contact Form di Halaman Statis
Drag Widget Ke Bawah




2. Langkah Kedua: Menyembunyikan Widget Contact Form dengan CSS






copy kode ini:



.widget.ContactForm {
display: none;
}




Masuk ke menu Template dan klik Edit HTML. setelah itu pastekan kode di atas tadi di atas kode ini:



]]></b:skin>




3. Langkah Ketiga: Membuat Halaman Statis







masuk ke menu Laman, dan buatlah laman kosong baru:





Cara Memasang Widget Contact Form di Halaman Statis





Di dalam editor, pilih mode HTML dan copy pastekan kode di bawah ini:





<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>






Setelah itu klik Publikasikan




4. Langkah Keempat: Selesai Broo...







Demonya bisa sobat lihat DI SINIIII...





Kirim Update Software Terbaru Untuk
Sobat BAGAS31 Langsung ke Email Sobat !


Privacy guaranteed. We'll never share your info.

L a i n n y a

0 komentar:

Posting Komentar

Next previous home