Slider gambar di Blog AMP

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 height="300"
  layout="fixed-height"
  type="carousel">
  <amp-img src="/img/image1.jpg"
    width="400"
    height="300"
    alt="a sample image"></amp-img>
  <amp-img src="/img/image2.jpg"
    width="400"
    height="300"
    alt="another sample image"></amp-img>
  <amp-img src="/img/image3.jpg"
    width="400"
    height="300"
    alt="and another sample image"></amp-img>
</amp-carousel>

Selamat mencoba..👌

Baca Juga

Josie

Cuma seorang blogger yang jarang ngeblog

Share :

Related Posts