Seguidores

Pesquisar este blog

sábado, 30 de junho de 2012

2

Colocando separador abaixo do titulo do blog

Separador abaixo do titulo do blog também chamado de linha de separação é um ótima dica para aqueles que usam templates que ainda não tenha esta configuração.

Colocar uma linha tracejada abaixo do titulo do blog ou inserir divisória no titulo do blog é algo simples siga os passos abaixo:

Exemplo de linha para dividir o titulo das postagens:



Entre nas configurações do seu blog e vá para opção Editar Html >>Expandir modelo de Widget e faça o Beckup do seu template.

Agora procure este código:
 
<div class='post-header'>

E logo acima dele cole:

<div style="border-top: 1px dashed #1919dd"></div>


Para entender melhor como personalizar a linha de separação do blog

(1px) - define a espessura da linha
(dashed) - é onde você configura o style da linha se ela vai ser tracejada ou não
(#1919dd) aqui você define a cor a linha

Para editar o tipo de linha que vai usar segue os dados:

Style

none:    para ocultar a borda
solid:    colocar uma borda contínua
double: inserindo uma borda dupla
groove: colocando uma borda aparecera entalhada
ridge:    a  borda aparece em ressalto
dotted:  este é para borda pontilhada
dashed: é para borda tracejada
inset:     colocar borda em baixo relevo
outset:   inserir borda em alto relevo

Coloque qualquer destes valores acima bem no lugar que esta em azul no código para mudar o style da linha:

<div style="border-top: 1px dashed #1919dd"></div>
<div class='post-header'>

Procure na internet por (tabela de cores hexadecimal) que vai encontrar diversas tabelas e cores para seu blog.

Para personalizar a cor escolha a cor que ficar melhor para seu blog e copie o código e insira no lugar que esta na cor azul

<div style="border-top: 1px dashed #1919dd"></div>
<div class='post-header'>

Pronto agora é só salvar e vizualizar..

2 comentários:

  1. Olá, quero confessar uma coisa...Muitas coisas que coloquei no meu blog (http://atelliemarisan.blogspot.com.br), eu tirei dos tutoriais que encontrei no seu blog. Tudo muito facinho de instalar, bem explicadinho, em deu tanto trabalho. Obrigada pela ajuda, sem vcs eu não conseguiria deixar meu blog o show que ficou. Valeu!
    Ah! coloquei seu blog na minha lista de favoritos.

    ResponderExcluir
  2. parabéns pelo bloguinho ta lindo e já estou seguindo^^
    se puder me segue tbm ficarei muito feliz bjsss
    http://japinhamania.blogspot.jp/

    ResponderExcluir

LinkWithin

Related Posts Plugin for WordPress, Blogger...