Como personalizar link, negrito, itálico e sublinhado do blog

junho 14, 2018


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 */
a:hover {color: #f5d6d1} /* Link ao passar o mouse */

Itálico

{color: #f5d6d1; text-decoration: none;} /* Estilo do itálico */

Negrito

{color: #98c4c4; text-decoration: none;} /* Estilo do negrito */


Sublinhado

u {color: #e7dbaf; text-decoration: none} /* Estilo do 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

cor do links no blogger

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

Leia também:

6 comentários

  1. Muito informativo este post. Gostei. :)
    Beijinho

    www.trendsandfashionblog.pt

    ResponderExcluir
    Respostas
    1. Que bom que gostou! Obrigada!
      Kissus e volte sempre <3

      Excluir
  2. Amei as dicas, já que eu sou uma negação nisso! hahah

    Obrigada! Beijos <3

    amavelgirassol.blogspot.com

    ResponderExcluir
    Respostas
    1. Fico feliz em saber que gostou! Teste sempre que puder <3
      Nada, obrigada você! Kissus e volte sempre!

      Excluir
  3. Ameeeeeeeeeeeeeeeeeei, e já usei! E também vou colocar em um post que estou escrevendo ♥ Vai ter o link direto pra cá ♥

    ResponderExcluir
    Respostas
    1. Que booooooooom! <3 Usou seguindo o post? Que legal!
      Acabei de ver láa, meninaaa, muito obrigada mesmo! Pela indicação e pela confiança na JD Design, obrigada mesmo <3 *-*

      Excluir

© 2017 Sweet Magic. Re-Design: JD Design. Tecnologia do Blogger.