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