Este tutorial ensinará a colocar uma imagem destacada em posts do Blogger. Sabemos que no Wordpress a função de adicionar imagem destacada aparece no painel de criação de artigo, mas no Blogger, não apresenta está função.
Adicionando imagem destacada no Blogger
Para adicionar uma imagem destacada no Blogger, você vai precisar usar alguns códigos que mostraremos a seguir.
Primeiro, vá para "Modelo" e pressione botão "Editar HTML". Em seguida clique dentro da área do código do Blogger e pressione as teclas CTRL + F para abrir a caixa de busca.
Após a abrir a caixa digite ou cole o código abaixo e pressione Enter
]]></b:skin>
Após achar a tag, cole o código a seguir abaixo dela
<b:if cond='data:blog.pageType != "index"'>
<style>.destaque{display: none;}</style>
</b:if>
Feito isso clique em salvar modelo.
Como definir a imagem destacada no Blogger
Cada vez que você cria uma postagem e precisa ocultar uma imagem específica, mude para a guia HTML para ver o código HTML da imagem, que ficará assim:
<div class="separator" style="clear: both; text-align: center;"><a href="https://4.bp." imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="240" src="https://4.bp.blogspot.com-vEF5Fo0-" width="320" /></a></div>
Agora basta substituimos a palavra separator, por destaque. Agora é só publicar e ver o resultado.
Observação: Para que tudo dei certo, depois de substituir o nome, não poderá mudar a imagem de lugar.
