Alguns Tutoriais SIMPLES para Deixar o blog mais Bonito.

Criei uma ask agorinha! Criei este post ontem de noite. Minha ask (www)

Olá, meus sorvetinhos. Tudo bom aí com vocês? Se quiserem saber estou ótima. Então queria dar um avisinho: acho que vou criar uma ask, pois, estou sem ideia o que postar, vocês mandem alguma sugestão pra mim. Me ajudem tá pessoal? Quando fizer um eu aviso. :(
Bem, como no título do post, hoje vou passar alguns tutoriais, que vão deixar o seu blog mais bonito. São tutoriais super simples, sem segredos. Vamos começar? Clique em More +
Enjoy!

  SELEÇÃO DE TEXTO COLORIDA

★ Se você não sabe o que é seleção de texto, é o mouse passando por algum texto... Se não entendeu aqui vai uma imagem de exemplo (www).

Para personalizar essa seleção, deixar em cores diferentes, siga este tutorial:

Vá em seu blog, clique em Modelo> Editar HTML> Dê um Ctrl+f  e pesquise pela tag ]]></b:skin>
ACIMA desta tag, cole o seguinte código:

::-moz-selection {
background:#bebebe; /*CORDOFUNDO*/
color:#ffffff; /*CORDAFONTE*/
}
::selection {
background:#bebebe;/*CORDOFUNDO*/
color:#ffffff; /*CORDAFONTE*/
}

Pronto.

barra de rolagem personalizada

★ Vá em seu blog, clique em Modelo> Editar HTML> Dê um Ctrl+f  e pesquise pela tag ]]></b:skin> ACIMA desta tag, cole o seguinte código:

::-webkit-scrollbar {
width:5px; /* largura da sua barra */
height: 2px;
background: #CORDABARRAFIXA;
}
::-webkit-scrollbar-thumb {
background: #CORDABARRAMÓVEL;
}

É só trocar as partes destacadas por sua hexadecimal ( #FFFFF).

CRÉDITOS por esses dois Tutoriais.

negrito, itálico, tachado,sublinhado personalizado em hover

★ Vá em seu blog, clique em Modelo> Editar HTML> Dê um Ctrl+f  e pesquise pela tag ]]></b:skin> ACIMA desta tag, cole o seguinte código:

/*NEGRITO ITALICO SUBLINHADO E TACHADO PERSONALIZADOS RESOURCES4YOU*/
b, strong {color: #Cordotexto; text-decoration: none; -webkit-transition-duration: .80s; }
b:hover {color: #Cordotextohover text-decoration: none; cursor: help; -webkit-transition-duration: .80s; }
i {color: #Cordotexto; text-decoration: none; cursor: help; }
u {color: #Cordotexto; text-decoration: none; cursor: help; border-bottom: 1px dotted #Cordabordinha;-webkit-transition-duration: .80s; }
u:hover {color: #Cordotexto; text-decoration: none; cursor: help; border-bottom: 1px dotted #Cordabordinha;-webkit-transition-duration: .80s; }
s, strike { color: #Cordotexto; cursor: help;}

 Créditos por este tutorial.

Diria que esses tutoriais, seriam mais para iniciantes. Eles são bem usados *u*