How To Make An Image Slider In AMP Blog Posts

Image slider can be used to display multiple photos without spending a lot of space on the shipping page, because photos will be played like videos, making it more interesting and economical on a blog post or website.
This slider image can be used to display or display photos of products such as online stores, sales letters, mini sites and the like.

Related article: 

• Tutorial on Registering and Blog Verification on Bing Search
• The Right Way to Submit Blogs to Yandex Webmasters
• Main Quick Tips for Google Indexing

Here's how to make a slide image in a post:

Prepare the Image URL that you want to make as a slide, meaning that the image has been uploaded, or the image entered in the previous post. The number of images can be adjusted according to your needs.

You must ensure that you have saved the JS amp-carousel code as shown below in the code </ head>.

<script async='async' custom-element='amp-carousel' src='https://cdn.ampproject.org/v0/amp-carousel-0.1.js'/>

Please copy the following html code, and paste it in the HTML section of the Post (if you want to put it in a post)

<amp-carousel height = "300" layout = "responsif" type = "slide" width = "400"> <amp-img height = "300" layout = "responsif" src = " https: //1.bp. blogspot.com/-6IjphGixxBE/XMZ1BLY6zqI/AAAAAAAACAC/pwp2O22Fx-I5MNc4H67sLAxOP-YWULf7ACLcBGAs/s640/anime1.webp "width =" 400 "> </ amp-img" TMPG img = " https://2.bp.blogspot.com / -_ dI49vtrr8c / XMZ1BvdYiqI / AAAAAAAACKM / _TW-Wxt1Z7Ue-LzZvyEHXT3BFJc4lE-DwCLcBGAs / S640 / anim2gab "<p> </ p>" img height = "300" layout = "keresponsifan" src = " https: //1.bp . blogspot.com / -N_IpBEG8aNc / XMZ1BfG6LrI / AAAAAAAAACKACK / Qz2XWH75_9YfxNwWm_kFaYdplXJ-Nug8gCLcBGAs / s640 / anime3.webp "width =" 400 "> </ amp- >

Examples like below [ Link ]
Thus Examples of Slider Articles in AMP Blog Posts are Examples of Sliders in Bog Posts, hopefully it can be useful for all of you. OK, this is the HTML AMP Tutorial.