Um dos desejos de todo blogueiro é manter o seu leitor por mais tempo em seu blog. Esta permanência pode gerar, inclusive, mais receita, por isto é interessante que o blogueiro conheça mais da estrutura do blog, pois não é somente as barras laterais que devem chamar a atenção dos visitantes, outras partes do blog podem ser, também, interessantes para colocar publicidade.
Pensando nisso o Entenda Web está trazendo este tutorial, para que você possa personalizar melhor seu blog tornando-o mais interessante para quem lê e chamativo para os anúncios dos artigos. Neste post apresentarei tags do código-fonte do blogger para você conhecer e utilizar com maior eficiência os recursos da ferramenta, inserindo conteúdos após os títulos e no rodapé dos artigos.
Você poderá utilizar estes recursos de várias formas, mas recomendo que adicione elementos permanentes e que apareçam nos artigos de uma mesma forma. Pode incluir publicidade, link para assinatura no blog, etc. Seja criativo, mas lembre-se de ter o cuidado para não sujar o layout do seu blog e torná-lo desinteressante para o leitor.
O Entenda Web aconselha que você faça o backup do seu template antes de qualquer modificação no código-fonte do seu blog, pois caso algo dê errado, poderá recuperar o seu trabalho. Aconselho, também, que você tenha um blog para teste, assim pode testar as modificações nele e somente depois que tiver a segurança de que tudo está funcionando aplicar no original.
Para alteração no template acesse a área de gerencimento do seu blog e vá no menu Modelo / Editar HTML / Prosseguir e marque a opção "Expandir modelos de widgets". Depois é só tentar localizar qualquer uma das tags abaixo.
Vamos então conhecer algumas dessas tags:
<div class='post-header-line-1'/>
Esta tag permite que você insira conteúdo logo abaixo da linha de título dos seus artigos. Você pode inserir qualquer conteúdo como textos, imagens, anúncios do adsense ou de outros programas de afiliados.
<div class='post-footer'>
Para por conteúdo no rodapé dos seus artigos, procure por esta tag. Mas é preciso saber que o rodapé dos artigos são compostos, basicamente, por três linhas, por isso é indicado que faça testes para conferir se o conteúdo foi colocado no local desejado.
Após encontrar a tag acima você deverá procurar outras tags, que se encontram mais abaixo desta, mas não juntas, por isso deverá procurar uma a uma. Procure então as linhas abaixo:
<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-2'>
<div class='post-footer-line post-footer-line-3'>
Dependendo do seu template estas linhas podem ser encontradas com uma sintaxe diferente, veja abaixo:
<p class='post-footer-line post-footer-line-1'/>
<p class='post-footer-line post-footer-line-2'/>
<p class='post-footer-line post-footer-line-3'/>
Percebemos então que o rodapé dos artigos em seu blog é dividido em três partes diferentes, por isto a necessidade de realização dos testes, para ter certeza de que inseriu algo da forma desejada.
Macete
Qualquer conteúdo que você insira abaixo do título ou no rodapé irá aparecerá também na página principal do seu blog. Imagine como ficará carregado o seu layout se colocar, por exemplo, um bloco de anúncio do adsense após o título do artigo. Todos os artigos terão um bloco deste.
Para resolver esta questão, e o conteúdo somente aparecer na abertura dos artigos o Entenda Web traz um macete muito fácil e simples, basta inserir no código uma condição, e como fazemos isso? Vamos ver logo abaixo:
Você deverá inicialmente localizar as tags de título ou rodapé, conforme mostrado acima, e digitar a linha de condição abaixo:
<b:if cond='data:blog.pageType == "item"'>
Aqui você digitará o que deseja inserir (texto, imagem, publicidade, etc.). Depois é só fechar a condição, conforme instrução abaixo:
</b:if>
Feito isto o conteúdo que você deseja somente aparecerá após a abertura do artigo, e não na sua página principal.
Faça alguns testes e perceba a diferença, veja como os conteúdos aparecem até que você chegue na situação ideal desejada, personalizando, assim, o seu blog.
Acompanhou passo a passo? Testou? Deu certo?
Então compartilhe.
Pensando nisso o Entenda Web está trazendo este tutorial, para que você possa personalizar melhor seu blog tornando-o mais interessante para quem lê e chamativo para os anúncios dos artigos. Neste post apresentarei tags do código-fonte do blogger para você conhecer e utilizar com maior eficiência os recursos da ferramenta, inserindo conteúdos após os títulos e no rodapé dos artigos.
Você poderá utilizar estes recursos de várias formas, mas recomendo que adicione elementos permanentes e que apareçam nos artigos de uma mesma forma. Pode incluir publicidade, link para assinatura no blog, etc. Seja criativo, mas lembre-se de ter o cuidado para não sujar o layout do seu blog e torná-lo desinteressante para o leitor.
O Entenda Web aconselha que você faça o backup do seu template antes de qualquer modificação no código-fonte do seu blog, pois caso algo dê errado, poderá recuperar o seu trabalho. Aconselho, também, que você tenha um blog para teste, assim pode testar as modificações nele e somente depois que tiver a segurança de que tudo está funcionando aplicar no original.
Para alteração no template acesse a área de gerencimento do seu blog e vá no menu Modelo / Editar HTML / Prosseguir e marque a opção "Expandir modelos de widgets". Depois é só tentar localizar qualquer uma das tags abaixo.
Vamos então conhecer algumas dessas tags:
<div class='post-header-line-1'/>
Esta tag permite que você insira conteúdo logo abaixo da linha de título dos seus artigos. Você pode inserir qualquer conteúdo como textos, imagens, anúncios do adsense ou de outros programas de afiliados.
<div class='post-footer'>
Para por conteúdo no rodapé dos seus artigos, procure por esta tag. Mas é preciso saber que o rodapé dos artigos são compostos, basicamente, por três linhas, por isso é indicado que faça testes para conferir se o conteúdo foi colocado no local desejado.
Após encontrar a tag acima você deverá procurar outras tags, que se encontram mais abaixo desta, mas não juntas, por isso deverá procurar uma a uma. Procure então as linhas abaixo:
<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-2'>
<div class='post-footer-line post-footer-line-3'>
Dependendo do seu template estas linhas podem ser encontradas com uma sintaxe diferente, veja abaixo:
<p class='post-footer-line post-footer-line-1'/>
<p class='post-footer-line post-footer-line-2'/>
<p class='post-footer-line post-footer-line-3'/>
Percebemos então que o rodapé dos artigos em seu blog é dividido em três partes diferentes, por isto a necessidade de realização dos testes, para ter certeza de que inseriu algo da forma desejada.
Macete
Qualquer conteúdo que você insira abaixo do título ou no rodapé irá aparecerá também na página principal do seu blog. Imagine como ficará carregado o seu layout se colocar, por exemplo, um bloco de anúncio do adsense após o título do artigo. Todos os artigos terão um bloco deste.
Para resolver esta questão, e o conteúdo somente aparecer na abertura dos artigos o Entenda Web traz um macete muito fácil e simples, basta inserir no código uma condição, e como fazemos isso? Vamos ver logo abaixo:
Você deverá inicialmente localizar as tags de título ou rodapé, conforme mostrado acima, e digitar a linha de condição abaixo:
<b:if cond='data:blog.pageType == "item"'>
Aqui você digitará o que deseja inserir (texto, imagem, publicidade, etc.). Depois é só fechar a condição, conforme instrução abaixo:
</b:if>
Feito isto o conteúdo que você deseja somente aparecerá após a abertura do artigo, e não na sua página principal.
Faça alguns testes e perceba a diferença, veja como os conteúdos aparecem até que você chegue na situação ideal desejada, personalizando, assim, o seu blog.
Acompanhou passo a passo? Testou? Deu certo?
Então compartilhe.
Olá, vi o seu comentário no blog, tentei fazer, mas não consegui, sempre dá erro.
ResponderExcluirOlá Nanda,
ExcluirHouve algumas mudanças no Blogger, pode ser por este motivo.
Também pode ser devido ao seu template, ou erro de digitação no código.
no meu também
ResponderExcluirOlá,
ExcluirHouve algumas mudanças no Blogger, pode ser por este motivo.
Também pode ser devido ao seu template, ou erro de digitação no código.
Obrigado! Há mais de dois anos procurávamos um tutorial para incluir comentários do Facebook no blogger e o seu foi o único que funcionou perfeitamente, com apoio deste importante tutorial sobre como inserir conteúdos. Parabéns e recebe nossos agradecimentos.
ResponderExcluirMuito obrigado Assis, desejo sucesso ao blog. Se precisar de algo pode sugerir.
Excluir