11 de set de 2008

Personalizando títulos de postagens!




A muito tempo estava procurando um tutorial ensinando a colocar um ícone (uma seta) antes do do título das postagem, mais nunca encontrei nada parecido, então resolvi "fuçar" meus HTML e consegui.

Agora vim aqui para repassar para vocês, então vamos lá:

Vá ate seu painel no blogger e clique em Layout e em seguida Editar HTML.

Antes de tudo clik em " Baixar modelo completo " para fazer o Back-up do seu template.

Encontre o seguinte trecho (ou algo parecido):

.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:$titlecolor;
}


Substitua: " padding:0 0 4px; "

Por: " padding:2px 14px 2px 29px; "


Agora cole logo a baixo esse código:

background:url("URL DO ÍCONE AQUI") no-repeat 5px .2em;

Hospede o ícone que deseja no Tinypic ou em um site de sua preferência e cole no lugar de "URL DO ÍCONE AQUI"


Visualize para ver se esta tudo OK e salve.


Uma dica:

Você encontra vários ícones 16x16 nos sites:

Iconlet
FreeIconsWeb
SuperTráfego

Procure por " arrow ".


Qualquer duvida deixe um comentario.

Até!!

0 Comentario:

Postar um comentário