![[ Ferramentas Blog ]](/wordpress/wp-content/themes/fb5/images/logo.png){kind=logo}
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.
- Códigos e Tags condicionais do Blogger: entendendo as Conditional Tags
- Tag condicional para blog com vários autores (Blogger)
- Tags condicionais para Marcadores (Label) do Blogger
Se você não entendeu bem o que vou ensinar nesse tutorial, olhe a imagem abaixo:
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:
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 != "item"'>
<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:
Eu sabia só do jeito normal, muito obrigado!
no meu template não aparece essa DIV, como posso fazer pra colocar o elemento entre as postagens?
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
@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.
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
@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.
Valeu Marcão pela ajuda vou tentar em um blog teste.
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í?
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.
Consegui, obrigado!
Coloquei um pedido de follow no Twitter 🙂
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…
Bom dia
Adorei o tutorial mas tem como colocar este espaço abaixo de duas postagens?
No aguardo
Murilo,
Não. Funciona só mesmo para a primeira postagem e uma vez.