Adicionando elementos abaixo do título do post - Blogger
Olá, caro leitor! Se você quer acompanhar todos os nossos artigos, sinta-se a vontade para assinar nosso feed.
Economizar espaço no layout do blog é fundamental para melhorar a navegabilidade e tornar a visita de seus leitores mais agradável. Conseguir espaço sem encher o layout de elementos é algo bastante difícil, e requer bastante tempo. Vim lhes mostrar uma dica que pode otimizar a qualidade do layout de seu blog, sem falar que é muito fácil de aplicar.
Anteriormente, eu ensinei-lhes a inserir elementos no rodapé das postagens, naquele espaço que há entre o post e o formulário de comentários. Caso ainda não tenha lido, recomendo a leitura.
-> Adicionando widgets ao rodapé dos posts - Blogger
Se você observar, poderá ver alguns elementos abaixo do título dos posts aqui do Desenvolvimento Blogger. Utilizo este espaço por questão de organização e também pela visibilidade. Os elementos que ficam ali são um dos primeiros a serem vistos pelos leitores. Se você deseja dar destaque a algum widget de seu blog, este é o lugar ideal. Primeiramente, devemos escolher um elemento ou um widget para colocarmos ali, e adquirirmos o seu código. Após isso, acessamos o painel do Blogger, e vamos em: "Design" -> "Editar HTML" -> Marque a opção "Expandir modelos de widgets" -> Pressione "CTRL + F" e veja se encontre alguma das tags a seguir:
<div class='post-header-line-1'>
<div class='post-header-line-1'/>
<p class='post-header-line-1'>
<p class='post-header-line-1'/>
De acordo com o template, o código da tag varia. Certamente, alguma dessas tags você encontrará em seu template. Após encontrá-la, cole o código do elemento imediatamente abaixo dela. Se você clicar no botão "Visualizar", poderá visualizar que, o seu elemento é mostrado na página inicial do blog. Se quiser ocultá-lo, para que apareça apenas quando acessarmos a página do post, você deverá colar o código da seguinte maneira:
<b:if cond='data:blog.pageType == "item"'>
CÓDIGO_ELEMENTO
</b:if>
Substitua "CÓDIGO_ELEMENTO" pelo código de seu elemento e salve seu template. Verifique se os procedimentos tiveram êxito, caso contrário, apague o código colado e refaça o processo novamente.
Outras dicas para otimizar seu layout:
-> Alterando a cor do fundo de seu blog - Blogger
-> Adicionando CSS ao código-fonte do blog - Blogger
-> Corrigir bug "0 Comentários" do Blogger
8 Comentários:
o que e codigo do elemento?
@Júlia,
É o código do que você deseja colocar abaixo do título do post.
Muito Bom, o post, se possivel pode me ajudar dizendo outros elementos que faze parte do CSS do Blogger ex: post e etc. se puder ira me ajuda muito. luiz.moresco@hotmail.com :D
Luiz,
Dê uma lida neste post, talvez possa lhe ajudar: http://www.desenvolvimentoblogger.com.br/2011/01/como-personalizarmudar-coresfontesfundo.html
vlw pela ajuda ae seu site esta me ajudando muito.
Bem útil.Com certeza vai me ajudar!Valeu.
eu coloquei... mas só aparece quando está dentro do post
Kary,
É porque o código do elementos está entre <b:if cond='data:blog.pageType == "item"'>
Coloque apenas abaixo do local que desejar, sem usar este código.
Postar um comentário
-> NÃO faça comentários ofensivos;
-> Faça comentários apenas RELATIVOS ao assunto do artigo;
-> NÃO faça conversas nos comentários;
-> É PROIBIDO usar links desnecessários, para isso comente usando OpenID;
-> Os comentários são VERIFICADOS, para garantir que não seja violada as regras acima;
Se preferir, fale conosco pela página de CONTATO.
Dica
Use tags como <b> e <i> para fazer comentários mais relevantes.