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é!!!
Parabéns pelo post! Realmente essa é uma ótima alternativa de organizar os marcadores e fica ótimo no blog! Gostei!
ResponderExcluirAh, 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/
Obrigado. Já estou seguindo seu blog!
ExcluirOii, 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!!
ResponderExcluirhttp://amoreoxigenio.blogspot.com.br/
Já te adicionei aos afiliados e já vou no seu blog avisar. Obrigado!!!
ExcluirMuito legal o tutorial. Acho super útil. Eu já usei os marcadores assim, hoje eu uso diferente.
ResponderExcluirthe-paradiise.blogspot.com.br/
Fica muito legal mesmo.*_*
ExcluirSeguindo, segue de volta?
ResponderExcluirthe-paradiise.blogspot.com.br/
Já estou Seguindo!
ExcluirPerfeito* Adorei o tuto & seu blog♥ RETRIBUINDO SEU COMENTÁRIO ~ Seguindo
ResponderExcluirhttp://fabiolucas92.blogspot.com.br/
Adorei, me ajudou muito haha (:
ResponderExcluirBeijos Magia Teen