Slider gambar di Blog AMP

Advertisemen

Hai sobat AMP setelah sebelumnya saya sudah membuat posting gambar di template AMP sekarang saatnya saya akan mencoba membuat gambar slider di blog ini :

Pertama sobat letakkan kode script dibawah ini di atas kode </head>
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>

Setelah itu sobat tingal memasukkan kode dibawah ini di posting blog sobat
<amp-carousel width="400"
height="300"
layout="responsive"
type="slides"
autoplay
delay="2000">
<amp-img src="https://img1.jpg"
width="400"
height="300"
layout="responsive"
alt="a sample image"></amp-img>
<amp-img src="https://img2.png"
width="400"
height="300"
layout="responsive"
alt="another sample image"></amp-img>
<amp-img src="https://img3.jpg"
width="400"
height="300"
layout="responsive"
alt="and another sample image"></amp-img>
</amp-carousel>

Selamat mencoba...
Advertisemen
Related Posts
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar