domingo

Personalizar Marcadores em Duas Colunas


Oi. Todos esses dias sem uma postagem bem legal é chato néh? Trago esse tutorial de personalizar os marcadores do blog em duas colunas que aprendi no Go Imagines.
Esse é o resultado.



1º passo:
Abram o Gadget de MARCADORES (se não tiverem, é só colocarem) e deixe desta forma:


2º Passo:
Vá em Modelo>Editar HTML, pressione CTRL+F, pesquise por ]]></b:skin> e acima dele cole:

/* Marcadores personalizados - goimagines.blogspot.com */
#Label1 ul li{
float: left;
width: 45%;
font-family: 'Dosis', sans-serif; /* fonte, se preferir troque */
text-transform: uppercase; /* letras em maiúsculo, se não quiser apague a linha */
font-size: 16px; /*tam. da fonte*/
background: #COR DO FUNDO; /*cor do fundo*/
border-bottom: 2px solid #COR DA BORDA; /* borda de baixo do marcador */
margin: 5px;
font-weight: normal;
list-style-type:none;
}
#Label1 ul li:hover{
background: #COR FUNDO HOVER; /*fundo hover*/
border-bottom: 2px solid #COR DA BORDA HOVER; /* borda de baixo do marcador hover */
}
Agora é só visualizar, se estiver tudo certinho é só salvar e curtir o resultado. Até!!!




11 comentários:

  1. Parabéns pelo post! Realmente essa é uma ótima alternativa de organizar os marcadores e fica ótimo no blog! Gostei!

    Ah, adorei o layout do blog, assim como gostei muuito dos outros posts! Estou seguindo aqui e ficaria super feliz se você seguisse o meu blog também! ^^

    http://amoreoxigenio.blogspot.com.br/

    ResponderExcluir
  2. Oii, olha eu aqui de novo.. kkk Aceitei a afiliação que você me pediu e já te coloquei nos afiliados do meu blog, só falta você fazer o mesmo e me avisar lá depois. Obrigada!!

    http://amoreoxigenio.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Já te adicionei aos afiliados e já vou no seu blog avisar. Obrigado!!!

      Excluir
  3. Muito legal o tutorial. Acho super útil. Eu já usei os marcadores assim, hoje eu uso diferente.
    the-paradiise.blogspot.com.br/

    ResponderExcluir
  4. Seguindo, segue de volta?
    the-paradiise.blogspot.com.br/

    ResponderExcluir
  5. Perfeito* Adorei o tuto & seu blog♥ RETRIBUINDO SEU COMENTÁRIO ~ Seguindo
    http://fabiolucas92.blogspot.com.br/

    ResponderExcluir