Como personalizar link, negrito, itálico e sublinhado do blog
Konnichiwaa fadinhas e elfos! Como vocês estão? Vem conferir mais um tutorial útil para blogs! Como alterar a cor de link, negrito, itálico e sublinhado do blog! A aparência e a organização de todo post é extremamente importante, tudo fica mais agradável com destaques e personalizações simples. São detalhes que fazem toda diferença! Vem aprender a alterar as cores do texto! E então, let's go?
Esse tutorial será o básico, apenas alterar a cor, no final do post vou colocar algumas opções adicionais caso prefira personalizar mais além da cor. Ok! Vá em Layout, Editar HTML e antes de ]]></b:skin> cole:
Links
a {color: #d3c4fb} ou a:link {color: #d3c4fb}Outros que pode adicionar também:
a:visited {color: #c6c6c6} /* Link já visitado */
i {color: #f5d6d1; text-decoration: none;} /* Estilo do itálico */
b {color: #98c4c4; text-decoration: none;} /* Estilo do negrito */
u {color: #e7dbaf; text-decoration: none} /* Estilo do sublinhado */
Aproveite e leia também:
COMO PERSONALIZAR BOTÃO ''LEIA MAIS'' DO BLOGGER: VERSÃO CSS
10 MANEIRAS FÁCEIS DE MELHORAR O CONTEÚDO DO SEU BLOG
Sublinhado personalizado como o meu: farei em um post à parte! Por hoje é só! Lembrando que está tendo postagens de segunda à sexta, então siga o bloguinho e não perca nada! | Redes Sociais do Sweet Magic: Facebook | Twitter | We heart It | Bloglovin | Pinterest * Conheça meu trabalho: JD Design e Web! Até mais, Kissus
a:hover {color: #f5d6d1} /* Link ao passar o mouse */
Itálico
Negrito
Sublinhado
Resumo: a=link , b= negrito, i=itálico, u=sublinhado
Cores em # consulte : HTML Color Codes, altere as cores no css acima, só tocar no color pela # da cor que preferir ok?
Observações: O link não foi e está com outra cor?
Bem, quem usa um tema do blogger as vezes já vem algum configurado, vá em Modelo e Personalização . Por fim, clique no link “Avançadas” – “Hiperligações” e defina a cor do seu link.
Opção 2: Também pode procurar no seu ''editar html'' por – a{ e alterar a cor.
O template é baixado de outro lugar e não foi?
Aí você terá que encontrar class / id do seu. Basta ir em um link do seu blog e clicar com o botão direito do mouse, escolha a opção inspecionar, e ao lado da tela aparecerá uma caixa, em Styles terá o nome para você alterar
Depois de ver volte lá para o css, e altere a cor lá!
Quero personalizar mais! O que pode adicionar? Background: backgroud: #cor; | Sombra: text-shadow: 1px 1px 0px #cor; | Segunda borda no sublinhado: border-bottom: 1px dashed #cor;
Aproveite e leia também:
COMO PERSONALIZAR BOTÃO ''LEIA MAIS'' DO BLOGGER: VERSÃO CSS
10 MANEIRAS FÁCEIS DE MELHORAR O CONTEÚDO DO SEU BLOG
Sublinhado personalizado como o meu: farei em um post à parte! Por hoje é só! Lembrando que está tendo postagens de segunda à sexta, então siga o bloguinho e não perca nada! | Redes Sociais do Sweet Magic: Facebook | Twitter | We heart It | Bloglovin | Pinterest * Conheça meu trabalho: JD Design e Web! Até mais, Kissus