Iklan

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



Next
Prev Post
Previous
Next Post

8 comments:

  1. kalau membuat di halaman khusus gimana sob

    ReplyDelete
  2. terima kasih gan,,,, sangat membantu sekali artikelnya

    ReplyDelete
  3. kalok semisal di buat melayang hapus pakek jquery atau tidak ?

    ReplyDelete
    Replies
    1. 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

      Delete