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 != "index"'> <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)."
*Essa opção pode não der compatível com seu template!