No Bookmarks

Cara Mudah Membuat Plugin FAQ di Postingan Blogger.com

Jenis KontenBlogspot Plugin
Lisensi GambarStock Foto Premium Canva
Lisensi KontenDaily Blogger Pro
HargaGratis
Dukung KreatorDukung kami agar bisa terus membuat fitur web lainnya untuk kamu via Lynk ID:
Support now
Tujuan Konten:Membantu pembaca daily blogger pro agar bisa memiliki fitur FAQ yang berguna untuk halaman postingan / artikel

Pernah lihat fitur FAQ saat membeli produk / layanan jasa? Well, halaman tersebut biasanya berisi list pertanyaan beserta jawabannya untuk konsumen.

Kamu juga bisa membuat fitur FAQ tersebut lho. Kalau biasanya fitur FAQ ada di halaman web landing page, kali ini sedikit berbeda, kita bisa memasang plugin collapsible / accordion ini di halaman postingan blogger.com. Kira-kira begini demo atau ilustrasinya;

FAQ

Pertanyaan & Jawaban yang Paling Sering Ditanyakan Pengunjung
Apa itu plugin post collapsible?

Plugin post collapsible adalah fitur yang memungkinan kamu menampilkan dan menyembunyikan isi konten ketika judul dari konten tersebut diklik

Apa fungsi plugin post collapsible?

Plugin post collapsible sering digunakan untuk halaman tanya jawab (FAQ) untuk berbagai kebutuhan; bisnis, layanan, produk, atau sekedar edukasi

Apakah plugin post collapsible support blogger.com?

Ya, fitur ini mendukung platform blogger.com dan semua platform web karena dibuat dengan html dan css saja.

Cara Memasang Fitur FAQ Collapsible / Accordion di Postingan Blogger

Fitur ini akan ditempatkan di halaman post artikel, untuk penempatan kode css-nya bisa dipasang di template langsung atau di halaman artikel. Kita bahas satu persatu.

1. Pertama, yang jelas kamu harus menyalin kode css siap pakai yang sudah saya buat ini;

/* Daily Blogger Pro FAQ Collapsible Start */
  #dailybloggerpro-collapsible{
    position:relative;
    margin:15px 0;
    padding:20px;
    box-sizing:border-box;
    border:1px solid #eee;
    box-shadow:0 3px 5px #eee;
    border-radius:10px}
    /* Daily Blogger Pro FAQ Collapsible END */
2. Tentukan css tersebut mau kamu install dimana; file template langsung / halaman postingan artikel blogger. Silahkan dipilih sesuai keinginanmu ya.
Install CSS di Template Langsung+Buka dasrbor blogger.com, pilih menu tema, buka edit html, dan letakkan kode css diatas kode:]]></b:skin>
+Klik simpan.


Install CSS di Postingan Langsung+Buka dasrbor blogger.com, postingan baru, buka tampilan html, dan letakkan kode css ditengah kode style: <style> /* Taruh Kode CSS Disini */ </style>
3. Pasang kode html berikut ini dan sesuaikan isi plugin FAQ collapsible-nya sesuai kebutuhan kamu;

<!--DBP Collapsible #1-->
<details id="dailybloggerpro-collapsible">
  <summary>Pertanyaan 1</summary>
  <p>Jawaban 1</p>
</details>
<!--DBP Collapsible #2-->
<details id="dailybloggerpro-collapsible">
  <summary>Pertanyaan 2</summary>
  <p>Jawaban 2</p>
</details>
<!--DBP Collapsible #3-->
<details id="dailybloggerpro-collapsible">
  <summary>Pertanyaan 3</summary>
  <p>Jawaban 3</p>
</details>
4. Silahkan klik pratinjau untuk mengecek / cuplikan fiturnya, jika fitur sudah tampil dan berfungsi, silahkan publikasikan.

Penutup

Plugin Collapsible / Accordion di Postingan Blogger ini sangat berguna jika kamu ingin membuat section FAQ untuk beragam kebutuhan, baik itu untuk bisnis maupun edukasi. Semoga konten ini bermanfaat, share jika suka, komentar jika ada yang ingin ditanyakan, dan kamu juga bisa dukung kreator via Lynk ID.