Mostrar Imagem Apenas na Homepage e Escondê-la na Página da Postagem

Técnica simples que permite a você ocultar as imagens nas postagens fazendo com que elas apareçam apenas nos resumos na página inicial.

Sabe aquele momento que você acha que a imagem na agregará em nada ao contexto da postagem, precisa de mais espaço para acrescentar um banner de anúncio ou até prefere simplesmente ocupar o conteúdo apenas com textos. Pois é, muitos blogueiros preferem publicar dessa forma porque acham mais conveniente, pela imagem não acrescentar benefícios à postagem ou simplesmente por gosto próprio.

Só que se você não colocar nenhuma imagem na postagem, em alguns casos o título sozinho não chamará a atenção do leitor. Aí você pensa: “Quero que a imagem apareça no destaque, porém não a quero na postagem”!

Como ocultar as imagens nas páginas das postagens do Blogger

Para resolver esse assunto é que trazemos esse artigo. Através dele, com simples passos você conseguirá o resultado desejado fazendo com que a imagem apareça para os visitantes na página inicial mas quando ele acessar a página da postagem ela será automaticamente ocultada. Veja nosso tutorial a seguir que acrescenta apenas um trecho de código no template e o restante você fará nas postagens assim que for publicá-las.

1- Aplicando o código no template

>> Acesse seu Blogger, vá em "Modelo" e depois "Editar HTML".

>> Clique no código do template, pressione "CTRL+F" e pesquise por ]]></b:skin>

>> Logo ABAIXO da tag encontrada cole o seguinte código:

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style>
.hidepic{
display: none;
}
</style>
</b:if>

>> Clique em "Salvar Modelo".

2- Configurando na postagem

>> Faça o upload da imagem para sua postagem.

>> Clique no modo de edição de html da postagem.

>> Substitua a class separator por hidepic

>> Volte para sua postagem, conclua-a e poste normalmente.

Observação: Toda vez que for postar algo e desejar que a imagem apareça apenas na página inicial, repita simplesmente o processo da troca do nome da class (separator por hidepic).

Deixe seu comentário, pois ele é a motivação para nosso trabalho.