Você vai aprender como Adicionar imagem e vídeo em postagem AMP no Blogger, com apenas alguns códigos sua postagem irá ficar de acordo com o AMP.
Esse código é para imagem responsiva, você só altera os valores da largura e altura e preenche conforme indicado, mas você pode usar outros formatos no lugar de responsive como,
Veja também: Colocando blocos adsense AMP no Blogger
Agora no html da postagem basta colocar esse código:
Imagem
Basta usar esse código:
<amp-img alt="Texto da imagem" height="450" layout="responsive" src="link da imagem" title="Título da imagem" width="840"></amp-img>Esse código é para imagem responsiva, você só altera os valores da largura e altura e preenche conforme indicado, mas você pode usar outros formatos no lugar de responsive como,
fill, fixed, fixed-height, flex-item e nodisplay
Vídeo Youtube
Para ter um vídeo do Youtube em uma postagem válida AMP para o Blogger / Blogspot, devemos ter um Javascript do youtube em nosso html, basta acrescentá-lo antes de </head>:
<script async='async' custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'/>Agora no html da postagem basta colocar esse código:
<amp-youtube data-videoid="VCz8ZMXbtGM" height="270" layout="responsive" width="480">
</amp-youtube>VCz8ZMXbtGM" é o código obtido da URL do vídeo, substitua pelo seu. E altere o tamanho como preferir.