Como ocultar a primeira imagem da sua postagem no Blogger

Veja como ocultar a primeira imagem de todas as postagens do seu blogger.

Leia também:

Como ocultar a primeira imagem da sua postagem no Blogger

Deslocar a primeira imagem de todas as postagem do seu blog para criar um efeito mais profissional é uma tarefa um tanto difícil, visto que nem todas as primeiras imagens de sua postagem terão o mesmo tamanho e configurações. 

Em algumas ocasiões, você poderá resolver isto facilmente com html e css, porém, caso você queira garantir que isto aconteça em todas as postagens, provavelmente será necessário aplicar um javascript também. Veja como:

No código fonte do seu blog, procure pelo código </body>

Logo acima adicione o seguinte código:

<script>
//<![CDATA[
$(function(){$(".separator:first").remove(),$(".post-body > img:first").remove()});
// Progress
$(document).ready(function(){$(window).scroll(function(){var o=$(window).scrollTop(),r=$(document).height(),e=$(window).height();scrollPercent=o/(r-e)*100;var n=scrollPercent.toFixed(2);$(".progress-bar").width(n+"%")})});
//]]>
</script>

Agora salve e verifique em uma postagem o efeito.

Vale lembrar que você deverá antes de mais nada fazer um backup do seu template para qualquer eventualidade.

Nenhum comentário:

Postar um comentário