ILMU KOMPUTER

Contact Form adalah salah satu widget bawaan dari blogger sendiri yang berfungsi untuk mengirimakan data pengunjung jika ingin dikontak balik, hanya saja fasilitas ini hanya bisa dipakai pada layout yang telah ditentukan oleh blogger.

Sesuai dengan judul diatas, kali ini saya akan menulis bagaimana caranya menaruh Contact Form diluar layout dan ditempatkan pada page static.

Langkah 1: Tambahkan contact form jika belum ada.


Langkah 2: Pindahkan widget form tepat dibawan widget Blog posts.


Langkah 3: Sembunyikan tampilan widget form pada tampilan layar utama.

   - Klik menu Template
   - Lalu edit HTML
   - Cari "]]></b:skin>" pada struktur HTML dengan cara tekan ctrl+f.
   - Lalu tempelkan kode dibawah ini tepat diatas kode "]]></b:skin>"

.widget.ContactForm {
 display: none;
 }

    - Kemudian save template.

Langkah 4: Buat Contact Form di Page Static.

     - Masuk menu Page
     - Klik New Page
     - Masukan kode berikut pada postingan ( pilihan HTML)

<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: 90%;
 }
 </style>

      - Pada menu options di sebelah kanan Reader comment pilih "dont allow, hide existing"


      - Klik Publish

Jika sudah anda bisa melihat tampilan seperti dibawah ini


Demikian tips dan tutorial kali ini, semoga bisa membantu anda.
Tks,

Tks,
Admin