Home Features / Tips / Tutorial

Cara Mudah Menambahkan Widget Kontak Kami di Halaman Statis

Di beberapa tutorial serupa yang ada di google, Anda akan diminta untuk membuat widget kontak dan menulis ulang kodenya pada halaman statis.

Pada template ini widget tersebut sudah disematkan dan hanya akan tampil di halaman statis.

Kurang efisien jika widget yang sudah ada harus ditulis ulang di halaman statis.

Dari pada melakukan hal merepotkan seperti itu, kenapa tidak mencoba menyettingnya agar hanya tampil pada halaman statis serta mengubah ukuran widgetnya agar dapat tampil sesuai dengan ukuran halaman? Hal itulah yang kami terapkan pada template ini.

Template ini dibuat dengan memaksimalkan kinerja CSS, Anda akan menemukan kode css yang berbeda di setiap tipe halaman (index, static, post).

Menambahkan formulir kontak kami di halaman statis

Sangat mudah sekali menambahkan widget kontak pada halaman statis, pada saat posting Anda hanya perlu menulis dalam 'Mode HTML' dan menambahkan kode CSS di bawah ini pada postingan Anda:


<style>#sidebar{display:block;}</style>

Bagaimana jika widget kontak kami hanya ditampilkan pada laman kontak saja?


Secara default widget kontak ditampilkan di semua halaman statis namun disembunyikan dan untuk menampilkannnya dibutuhkan kode CSS seperti diatas.

Jika Anda hanya ingin widget tersebut hanya tampil pada satu laman kontak saja (satu link tertentu) maka yang perlu dilakukan adalah 'Edit HTML' template, Pertama klik menu dropdown 'Lompat ke Widget' lalu pilih widget contact seperti pada gambar

Cara Mudah Menambahkan Widget Kontak Kami di Halaman Statis

Anda akan menemukan kode seperti ini


<b:widget cond='data:view.isPage' id='ContactForm1'

// Ubah kode yang ditandai menjadi seperti dibawah ini

<b:widget cond='data:view.url == "URL_ANDA_DISINI"' id='ContactForm1'

Letakkan url halaman pada bagian yang sudah ditandai dan klik Simpan Tema

Baca juga :

3 komentar

  1. bagaimana jika di tempatkan di halaman statis tapi bukan di sidebar... tapi langung di dalam postingan.. seperti pada blog ini ?

    BalasHapus
    Balasan
    1. itu nda dalam postingan tapi di sidebar. Dihalaman statis ukuran sidebarnya saya ubah dan saya beri css {display:none}. Kalau mau cek coba pas di formulir kontaknya klik kanan > inspect Element.

      nah makanya buat nampilin widgetnya cuma perlu tambahin css #sidebar{display:block;}

      Hapus
    2. Gan..untuk menaruh iklan di dalam artikel yang sesuai dengan aturan template fletro gmna gan?

      Hapus

to Top