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.
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
<script async='async' custom-element='amp-accordion' src='https://cdn.ampproject.org/v0/amp-accordion-0.1.js'/>
.spoiler-amp{margin:10px 0}
.spoiler-amp h4.spoiler-button{color:#444;font-size:14px;font-weight:bold;outline:none;line-height:1.5em;border-radius:50px;padding:8px 30px;-moz-border-radius:50px}
.spoiler-amp h4.spoiler-button:before{content:"";position:absolute;left:15px;top:50%;margin-top:-7px;border:7px solid;border-color:transparent transparent transparent #444}
.spoiler-amp h4.spoiler-button:after{content:"