Exibir elementos de página entre o primeiro e segundo posts no Blogger

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

Você já notou que nas páginas onde são exibidos os resumos de postagem do [ Ferramentas Blog ], entre o primeiro e segundo post estão alguns links e banners. Vou mostrar aqui nesse tutorial como incluir qualquer conteúdo entre um post e outro. Essa é uma ótima alternativa para exibir anúncios e gerar mais cliques.

 

Para começar…

Este código que vamos ensinar abaixo é uma tag condicional. Recomendo que leia também nossos tutoriais que ensinam a criar condicionais para seu conteúdo. Com esses códigos é que podemos criar os melhores efeitos no Blog.

 

Se você não entendeu bem o que vou ensinar nesse tutorial, olhe a imagem abaixo:

 

gadget-entre-posts

 

Perceba onde está marcado com o quadro vermelho. Ali eu adiciono um bloco de anúncios do AdSense e um banner do meu ebook. Mas é possível exibir e adicionar qualquer conteúdo ou informação desejado – textos, anúncios, imagens e até vídeos.

 

Como inserir conteúdo entre as postagens

Primeiro tem que ficar claro que esse código (que é uma tag condicional) só existe para inserir conteúdo entre o primeiro e segundo artigos. Também é mais recomendável para quem usar resumo de postagens (link “Leia mais”).

 

Vale lembrar também que, como vamos mexer no código-fonte do Blog, faça um backup de segurança:

 

O código é bem simples.

 

Vá ao painel do Blogger, clique no menu “Design” ~> “Editar HTML” marcando a opção “Expandir modelos de widgets”, como ilustra a imagem:

 

design-editar-html-widgets-blogger

 

Então, procure pela seguinte linha de código:

 

<div class=’post-footer’>

 

Imediatamente ANTES dessa linha, cole o trecho de código abaixo, só mudando o que for indicado:

 

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.isFirstPost'>

 

.... Coloque aqui o que deseja que seja exibido entre as postagens ....
.... Pode ser texto, imagens, vídeos, códigos do AdSense etc ....

 

</b:if>
</b:if>

 

A primeira linha é uma condicional para determinar que esse conteúdo só será exibido nas páginas fora dos posts. Já a segunda linha é exatamente o código que determina que este conteúdo deve aparecer abaixo do primeiro post e antes do segundo.

 

Agora você pode escolher como quiser o que vai ser exibido entre essas postagens. Recomendo que use um blog de testes para criar os elementos de página e ver o resultado antes de aplicar em seu blog principal.

 

Depois de inserido o código, salve o modelo e veja o resultado.

 

Outros gadgets e tutoriais para o seu Blog:

Já pensou em ser um(a) Blogueiro(a) mais Profissional?

Está cansado(a) de ser um blogueiro mediano(a) e que não tem resultados com seu Blog, não ganha dinheiro e não recebe as visitas que gostaria?

Você chegou aqui procurando como aprofundar seus conhecimentos em Blog, como Ganhar Dinheiro com seu Blog, aplicar as melhores técnicas de SEO, divulgar seu Blog e fidelizar seu público alvo. E posso te ajudar com essas coisas e muito mais, elevando o nível de qualidade do seu projeto.

Desenvolvi um curso completo, totalmente online, cobrindo tudo o que é necessário para um Blog atingir seu potencial máximo, detalhe por detalhe, que vão te tornar um Blogueiro de Elite:
  • Técnicas de produção de conteúdo
  • Fidelização do Público alvo
  • Divulgação e Técnicas de SEO
  • Métodos e técnicas de Monetização
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

Esta é sua chance de ser mais profissional e ter um blog eficiente, completo e que pode ser sua fonte de renda permanente. Sou Blogueiro desde 2007 e condensei todo este conhecimento dentro do curso Blogueiro de Elite para entregar a você.

13 Comentários

  1. Olá Marcos!

    Puxa! Até que enfim você matou minha curiosidade. Sempre quis saber como você fazia isso.
    Realmente concordo com você, essa é uma posição bastante estratégica para monetização.
    Obrigado por dividir seu conhecimento conosco.

    Abraço e Sucesso
    Roger Dance

    Responder

  2. @Sidinei Andrade,
    Veja que ao abrir o "Editar HTML" é preciso marcar a opção "Expandir modelos de widgets".
    Só assim vc encontrará a linha da DIV que precisa.

    Responder

  3. Marcão fiz como vc falou marcando a opção "Expandir modelos de widgetes" coloquei no Ctrl + F, mas não localizou, apreceu várias div's mas fiquei com medo de colocar no local errado.
    apareceu essas div's
    div class='post-feeds'
    div class='widget-content'
    div class='clear'/
    div class='descriptionwrapper'
    div class='titlewrapper'
    div class='post hentry' Pensei em colocar depois desse pra ver, mas deixei quieto, tb não sei se é o template que uso, mas obrigado pela ajuda, se tiver alguma sugestão manda q sempre q posso acompanho seu blog.

    Obrigado

    Responder

  4. @Sidinei,

    Outra opção é tentar encontrar a seguinte linha ou o mais semelhante a isso:

    div class='post-footer-line post-footer-line-1'

    E, ANTES dessa linha colocar o código.
    Recomendo que crie um blog para testes com o seu template atual e tente descobrir qual a melhor linha do código pra adicionar esse recurso.
    Realmente alguns templates têm linhas de códigos diferentes, o que acaba dificultando um pouco.

    Responder

  5. Marcos, eu fiz o procedimento todo e deu tudo certo, mas só que eu queria adicionar um widget nessa possição e não consigo de jeito nenhum, da pra resolver essa aí?

    Responder

  6. Amigo acima,
    Infelizmente não é possível adicionar gadgets padrões do Blogger nessa posição.
    Esse código só serve mesmo para conteúdos que nós mesmos criamos. Aqueles que colocamos na sidebar (barra lateral) do blog não tem como.

    Responder

  7. Mais um post que apliquei no meu blog. Como na minha template não havia a depois de muita teimosia e de vários testes descobri que daria certo antes do código . Valeu a pena quebrar um pouco a cabeça… muuuito obrigado…

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.