Tutorial #2

Yo pessoal!!! Aqui estou eu de novo, com o segundo tutorial, desculpa a demora, foi que estive ocupada todo este tempo, para compensar, se der vou postar dia sim e dia não. Mas, as boas notícias o tutorial de hoje é o que quase ninguém tem, e só achei em um lugar, o que é raro. Quase todos os blogs famosos tem mais não mostram como fazer. Achei só no SKW (Small Kawaii World), então os devidos créditos para eles, eu também procurava esse tutorial há um bom tempo.

Vamos ao tutorial?

Vá em Modelo > Clique em Editar HTML > Dê um Ctrl + F ou um F3 e então procure por: ]]></b:skin> .

Cole esse código ACIMA do ]]></b:skin>: 

b {color: #FF69B4; text-decoration: none;} /* Estilo do negrito */ i {color:#FFD700; text-decoration: none;} /* Estilo do itálico */ u {color: #EEAEEE; text-decoration: none; border-bottom: 1px dashed #AC77C7;} /* Estilo do sublinhado */      }.

E ABAIXO do código que você colou cole este:

Está escrito color você pode mudar ao seu gosto, se quiser use esse site para facilitar as coisas, use o CÓDIGO HTML e não o CÓDIGO JAVA.

E é só isso, depois clique em "Salvar Modelo" e procure por algo em Itálico, Negrito ou Sublinhado que vai estar lá sublinhado, em negrito ou em itálico com a cor que você escolheu.

É só isso docinhos, bye, bye, comentem e digam o que acharam desse tutorial.

Primeiro Tutorial!

Bom, eu sou a ÚNICA postadora Yuuko Chan, podem me chamar de Yuu, ou Yuu Chan ^^. Bom o primeiro tutorial vai ser como fazer sépia nas imagens do seu Blog. Sépia é pra dar uma aparência de velha na foto, fica meio amarelado mesmo, tipo foto antiga de veradade, não são muitos blogs que usam (pelo menos não a maioria dos blogs que eu vi). A maioria mesmo não usa mesmo.

Esse efeito sépia só é ativado com o cursor (essa seta branca marota =3). Então prossigamos ^^!

Primeiro vá em Modelo > Editar HTML > Clique no HTML do seu Blog >Aperte CRTL+F ou F3 > E na barrinha aparecer clique nela procure: ]]></b:skin>

ACIMA DE ]]></b:skin> cole esse código:

img {

-webkit-filter: sepia(0%);

transition:All 0.4s ease;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;

}

img:hover {

-webkit-filter: sepia(100%);

transition:All 1s ease;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;}

E se quiser ver se deu certo, não vai ser possível. Não adianta clicar em "Visualizar Modelo" porque ele não vai mostrar, já tentei fazer isso algum tempo atrás quando eu tinha um Blog legal (há uns 2 ou 3 anos, rs rs rs). Depois clique em "Voltar" e em "Visualizar blog". Passe o cursor (essa seta branca marota =3) em cima e se o efeito ficar: PARABÉNS, AÍ ESTÁ O SEU NOVO EFEITO!!!

Espero que tenham gostado e foi esse o primeiro tutorial até mais!!!