-->

sexta-feira, 21 de setembro de 2018


O template MeuBloggerAMP é exatamente este onde você está lendo, ele foi adaptado de um template MP pronto, fiz diversas alterações para melhorar. Além de traduzir boa parte para português.

É um tema AMP para Blogger muito bom, pois já está otimizado para funcionar perfeitamente como AMP. Não é 100% em recursos, levando em conta que pode ser melhorado ainda mais, minha ideia foi só trazer uma boa alternativa aos que já vi para download na net.

Você mesmo aos poucos pode editar e melhorá-lo ainda mais, eu mesmo já estou trabalhando encima dele para um outro projeto e os resultados são bons. Mas lembre-se que, não é só instalar ele e pronto. Se seu blogger é antigo e possui muitos posts, você deve fazer algumas alterações em cada um para que eles sejam AMP válidos. creio que o principal será nas imagens, pois você vai precisar usar um código diferente nas imagens.

Imagem principal que fica no topo, deve ser assim o código:

<noscript><img alt="texto da imagem" src="link da imagem"/></noscript>

Todo post deve ter sua imagem principal com esse código acima, o recomendados é usar as proporções conforme imagem abaixo, para sua imagem não ficar achatada ou expandida demais.



Você pode usar esse tamanho maior ou menor, mas sempre respeitando as proporções.

Outras imagens do post

<amp-img alt="Texto da imagem" height="560" layout="responsive" src="link da imagem" title="Título da imagem" width="840"></amp-img>

Já para posts com mais de uma imagem, as demais devem ter o código acima e onde está "560" e "840" você pode alterar pelos valores da sua imagem sem problema algum (Altura e largura).

Para posts com vídeos

<amp-youtube data-videoid="VCz8ZMXbtGM" height="270" layout="responsive" width="480">
</amp-youtube>

Como pode ver é cheio de detalhes e cuidados para que seus posts e blog se tornem totalmente AMP.

Uma dica que eu dou é ir fazendo e testando na ferramenta de Teste de AMP, lá você consegue ver se ta tudo correto, se tiver algum erro eles apontam onde está e você corrige.


Se achar que vai dar trabalho demais, pois tem muitas postagens, tente fazer essas alterações só nos artigos novos e os com mais acessos do seu blog, pois assim você atualizará e já vai deixá-lo conforme as regras AMP, podendo melhorar ainda mais os acessos.

Mudar a cor

Como pode ver a cor principal desse tema é laranja (#ff6001), então para trocar a cor dele basta substituir no html por outra cor, essa e outras dicas eu dou no vídeo abaixo:


Esse é o post mais novo
Post anterior Post anterior