Cara Membuat Widget Contact Us pada Halaman Statis Blogspot


Blogger telah merilis salah satu fitur baru yaitu widget contact form. Namun kelemahan 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 mudah Membuat Widget Contact Form di Halaman Statis Blogger.

Berikut ini caranya:

Langkah Pertama: Menambah Gadget Contact Form

1.Masuk Akun Blogger Sobat
2. Tambahkan Gadget Contact Form

Cara Membuat Widget Contact Us pada Halaman Statis Blogspot

Cara Membuat Widget Contact Us pada Halaman Statis Blogspot

Cara Membuat Widget Contact Us pada Halaman Statis Blogspot

3.Kemudian Drag Widget Contact Form tadi ke bawah kotak posting

Cara Membuat Widget Contact Us pada Halaman Statis Blogspot


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>

Langkah Ketiga: Membuat Halaman Statis

masuk ke menu Laman, dan buatlah laman kosong baru:

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 


Semoga bermanfaat………….



Share this with short URL: Get Short URLloading short url

Nama saya Usman Kurniawan dari Pasuruan - jawa timur dan bukan seorang Blogger Pro, Namun saya akan serius belajar jika menyukai sesuatu hal, termasuk dunia blogging.

Previous
Next Post »

8 comments

Write comments
Aqshal taufiq
AUTHOR
November 10, 2014 at 6:04 AM delete

thanks kakak berguna banget :D

Reply
avatar
Wiwi Wiarsih
AUTHOR
February 5, 2015 at 7:33 AM delete

kalau membuat di halaman khusus gimana sob

Reply
avatar
bredmart
AUTHOR
June 16, 2015 at 9:21 PM delete

singgah disini yah sobat

Reply
avatar
chany cahyani
AUTHOR
August 20, 2015 at 6:18 AM delete

terima kasih gan,,,, sangat membantu sekali artikelnya

Reply
avatar
Ryan Pratama
AUTHOR
February 28, 2016 at 6:15 AM delete

kalok semisal di buat melayang hapus pakek jquery atau tidak ?

Reply
avatar
February 29, 2016 at 10:22 AM delete

Script contact us popup tergantung yang men-design, ada yang pake Jquery, ada yang menggunakan CSS + HTML atau gabungan ketiganya.. Mas bisa cari tutorial cara membuatnya di Mbah Google

Reply
avatar