Inserir conteúdos nos títulos e rodapé dos seus artigos

por **0 8L099U31R0** Sex Abr 18, 2014 4:15 pm

Inserir conteúdos nos títulos e rodapé dos seus artigos

No nosso artigo anterior postamos Como usar os Comentários do Facebook e Blogger juntos mas infelizmente ao aplicar esse tutorial reparei que haviam alguns problemas com os comentários do FaceBook que também apareciam na página inicial o que me levou a pesquisar por uma solução para esse problema. A solução que encontrei levou-me a escrever este artigo onde vou ensinar como Inserir conteúdos nos títulos e rodapé dos seus artigos, este artigo para além de mostrar como Inserir conteúdos nos títulos e rodapé dos seus artigos também vai mostrar uma forma(Truque) de fazer com que o conteúdo que inserimos nos títulos e rodapé só apareçam quando clicamos para abrir o artigo e dessa forma estaremos a deixar o layout do seu blog mais leve e atraente para o leitor.

Para começar recomendo que criem um Blog no blogger só para testes ou então façam um Backup do vosso blogger para o caso de alguma coisa correr mal.

Vamos então para a alteração no template, para isso acesse a área de gerencimento do seu blog e vá no menu Modelo/Editar HTML. Depois é só tentar localizar qualquer uma das tags abaixo.

Vamos conhecer algumas dessas tags:

Código:: <div class=’post-header-line-1′/>

Esta tag permite inserir 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.

Código:: <div class=’post-footer’>

Esta tag permite inserir conteúdo no rodapé dos seus artigos. 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.

OBS 1; Após encontrar a tag acima você deverá procurar outras tags, que se encontram mais abaixo desta, mas não estão juntas.

Por isso deverá procurar uma a uma. Procure então as linhas abaixo:

Código:: <div class=’post-footer-line post-footer-line-1′>

Código:: <div class=’post-footer-line post-footer-line-2′>

Código:: <div class=’post-footer-line post-footer-line-3′>

OBS 2; Dependendo do seu template estas linhas podem ser encontradas com uma sintaxe diferente, veja abaixo:

Código:: <p class=’post-footer-line post-footer-line-1′/>

Código:: <p class=’post-footer-line post-footer-line-2′/>

Código:: <p class=’post-footer-line post-footer-line-3′/>

Com isto concluímos que o rodapé dos artigos no seu blog é dividido em três partes diferentes, por isso a necessidade de realizar testes, para ter certeza de que inseriu conteúdo da forma desejada.

Truque;

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, ou então os comentários do FaceBook no rodapé. Todos os artigos irão mostrar esse conteúdo na página inicial. Não é isso que queremos, pois não?

Para resolver esta questão, e o conteúdo aparecer somente na abertura dos artigos vou mostrar-vos como inserir no código uma condição, para isso sigam o exemplo abaixo:

Você deverá inicialmente localizar as tags de título ou rodapé, conforme mostrado acima, e digitar a linha de condição abaixo:

Código:: <b:if cond=’data:blog.pageType == "item"’>

Aqui coloca-mos o conteúdo que deseja-mos inserir (texto, imagem, publicidade, etc.). Depois é só fechar a condição, conforme instrução abaixo:

Código:: </b:if>

Feito isto o conteúdo que deseja-mos aparecerá somente após a abertura do artigo, e não na sua página principal.

Importante;

Mais uma vez recomendo antes de aplicarem estas alterações ao seu blog, faça alguns testes num blog de 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.

Dom	Seg	Ter	Qua	Qui	Sex	Sáb
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31