Oiie gente,como é que vocês estão?Bem,sabe aqueles marcadores personalizados em duas colunas nesse lay?Então vou ensinar como coloca-lo em seu blog :)
Bom e sem mais delongas (Tá, parei!),ele fica assim:
Primeiramente,abra seu gadget de marcadores (Se não tiver ,adicione) e deixe assim:
Agora,vá no seu HTML e procure (F3 ou Ctrl + F) por ]]></b:skin> e acima dele cole:
/* Marcadores personalizados - goimagines.blogspot.com e aadocicadas.blogspot.com.br */
#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: #fff; /*fundo*/
border-bottom: 2px solid #ccc; /* borda de baixo do marcador */
margin: 5px;
font-weight: normal;
list-style-type:none;
}
#Label1 ul li:hover{
background: #EAEAEA; /*fundo hover*/
border-bottom: 2px solid #FF51A8; /* borda de baixo do marcador hover */
}
Visualize, se estiver tudo certo salve :)
Créditos:Go Imagines
Super útil essas dicas de HTML, fiz o meu layout todo na base dos tutoriais, kkkkk. Adorei seu blog.
ResponderExcluirminhaspalavrasoblog.blogspot.com.br
Eu também fiz meu layout totalmente a base de tutoriais rs
ExcluirAmei as dicas linda!!!
ResponderExcluirBeijos e já estou seguindo.
Blog da Joanna
hehe obrigada Anna,adorei seu blog e ele já está na minha lista de leitura rs <3
ExcluirAmei *-* até já coloquei no meu blog. Brigada pela dica <3
ResponderExcluirwww.tonadela.com
Por nada flor,beijos :*
Excluir