Cara Membuat Spoiler Valid AMP HTML Blogger

Cara Membuat Tombol Spoiler Valid AMP HTML Blogger - Widget atau tombol Spoiler adalah sebuah metode untuk menyembunyikan dan memunculkan gambar maupun kode didalam sebuah artikel blog. Tombol spoiler ini biasanya dipakai oleh beberapa blogger yang suka menulis dengan artikel panjang atau artikel mendetail. Jadi widget ini berfungsi agar halaman tidak terlihat penuh dan akan mudah dipahami oleh pembaca. Oleh karena itu template atau website yang berbasiskan AMP pun memiliki cara tersendiri dalam membuat spoiler.

Hal ini tidak sama seperti halnya Metode pembuatan spoiler di blog biasa dengan membuat munculan berupa style. Cara tersebut tentu tidak valid AMP. Maka agar spoiler valid AMP, anda harus mengetahui caranya dengan baik dan benar. Nah, maka dari itu pada kesempatan kali ini saya akan membagikan ulasan bagaimana membuat spoiler buka tutup untuk blog amp blogger. Untuk demo nya bisa anda lihat dibawah ini.

Open Fiddle

Jika anda ingin membuat nya, langsung saja simak cara Cara Membuat Spoiler Valid AMP HTML Blogger Dibawah ini

Baca Juga : Cara Membuat TOC Table Of Content Di Blog AMP

Cara Pasang Spoiler Di Blog Valid AMP HTML

• Langkah Pertama, silahkan tambahkan kode script amp-accordion di bawah ini pada template blog di atas code .
  
  
  
• Kemudian selanjutnya tambahkan kode CSS dibawah ini tepat di bawah code
• Kemudian klik simpan Template.
  
• Dan untuk menerapkannya di dalam postingan artikel, masuk pada mode HTML (bukan Compose) dan tempelkan kode berikut dibawah ini antara 3 style yaitu kode, gambar, dan video bisa anda sesuaikan sendiri.
  
  Spoiler Kode
  

  
   
   
   
  Contoh Spoiler Teks
   /* Judul Spoiler */ 
   
   
  Code kalian di sini..... /* Parse Code terlebih dahulu */ 
   
   
   
   
  
  

  
  Spoiler Text / Video
  

  
   
   
   
  Contoh Spoiler Teks
   /* Judul Spoiler */ 
   
  Masukkan teks kalian di sini.... /* Masukkan teks, gambar, atau video */ 
   
   
   
  
  

  
  Spoiler Image
  

  
  
   
   
  
  Img
  /* Spoiler Image Amp */ 
  
  
  
    
  

  
  Mungkin hanya itu saja untuk artikel kali ini tentang Cara Membuat Spoiler Valid AMP HTML Blogger. Semoga bermanfaat.