25/01/2018

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.

Adicionar vídeo e imagem em postagem AMP no Blogger

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'/>

Veja também: Colocando blocos adsense AMP no Blogger

Agora no html da postagem basta colocar esse código:
<amp-youtube data-videoid="VCz8ZMXbtGM" height="270" layout="responsive" width="480">
</amp-youtube>
O código "https://www.youtube.com/watch?v=VCz8ZMXbtGM" é o código obtido da URL do vídeo, substitua pelo seu. E altere o tamanho como preferir.

Esse Post tem 0 Comentários


Seu comentário é muito importante e você é totalmente responsável por ele. Ao comentar você concorda com as nossas políticas.

Próx Post Próx Post
Post anterior Post anterior