Unhas de francesinha + tutorial

                           
Oi galera !Hoje eu vou postar sobre unhas de francesinha . Vai ter varias opções todas bem coloridas e lindas espero que vocês gostem

Efeito hover nos afiliados!

Hy pipoquinhas extra-terrestres!como vãos?kkk e doida neh?pse pessoas do mundo(ou aliens de forra da terra!)vim postar pra tus um tuto que a Maitê do pink cats(www) pediu, ela e uma fofa gente superr aprovo o blog dela! entãooo indo ao q interresa:

Vá em Design > Editar HTML, aperte ctrl+f e procure ]]>. Acima dela, cole:

.afiliados {
opacity: 0.7;
-webkit-transition: 0.5s;
border-radius:15px;
width: 50px;
height: 50px;
text-align: center;
}

.afiliados:hover {
opacity: 1.0;
}

 dps va em Adicionar gadgets e cole:

 <a href="sURL do blog afiliado aki" title="Nome do Blog afiliado aki"><img src="url da imagem" class="afiliados"/></a>

Dps e so salvar e prontinhooo! bjks!

Tutorial menu deslizante

Hooooy pimpolhass! vim fazer esse tuto aki a pedido da Mandy do papo teen(www) e os creditos vão a (www),sabe meu menu ali do lado?pois e o tutorial e pra fazer ele!

1. No Blogger, vá em Design> Editar HTML.
2. Tecle Ctrl F e procure por:

]]></b:skin>

3. Logo acima dessa tag, cole o código abaixo:

.deslizante {
width: 185px; */ Largura do menu */
padding: 13px;
height: 100%; */ Altura do menu */
border-right: 8px solid #cbd6df; */ Cor e estilo da borda da direita */
background: #efefef;  */ Cor do background */
color: #;
top: 0;
margin: 0;
position: fixed;
left: -200px;
height: 100%;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
overflow: hidden;
cursor: default; */ Cursor */
font-weight: normal;
z-index: 12345;
}
.deslizante:hover {
left: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.deslizante a {
border: none;
background: #6881AB; */ Cor do background dos links do menu */
color: #fff;
padding: 5px; */ Cor da fonte */
display: block;
width: 100%;
text-transform: uppercase;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
font-size: 7pt;
margin: 5px -10px;
text-shadow: 0 1px 1px #;
}
.deslizante a:hover {
background: #919191; */ Cor do background dos links hover */
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
padding-left: 20px;
}
.deslizante a:first-child {
margin-top: 10px;
}
.deslizante a:last-child {
margin-bottom: 0px;
}
.deslizante a { padding: 4px 6px; }

4. Edite o código de acordo com as partes em negrito e salve.
5. Agora vá para Elementos da página.
6. Adicione um novo gadget de HTML/Javascript e cole nele o seguinte código:

<div class="deslizante">
<a rel="nofollow"><font style=" text-transform: none; font: italic 20px georgia;"><div align="left">Nome do seu blog</div></font></a>
<p>
<a href="Link 1">Nome do link</a>
<a  href="Link 2">Nome do link</a>
<a  href="Link 3">Nome do link</a>
<a href="Link 4">Nome do link</a>
<a href="Link 5">Nome do link</a>
<br>                  
</div>

7. Edite as partes em negrito e salve.


Prontuh!! agora salve e seu menu ta la!
mais tarde posto como por imagem de link me nele!
Xoxo!

Tutorial Mudando a cor da seleção de texto

Hooy biscoitinhos de água e sal!hj vim mostrar um tutorial de como mudar a seleção de texto pq fala serio aquele azul ta mto brega neh?kkkk  vamos ao passo-a-passo

.Va em Design->Editar html
.Aperte CTRL+F irá aparecer uma caixa de pequisa nela vc digita:

]]>

.Esse código aparecerá destacado de laranja 
.Acima do código destacado cole:

*::-moz-selection {

background:#B22222; 

color:#ffffff;   

}

*::selection {

background:#B22222;

color:#ffffff; 

}

.Pronto agora e só editar:

Onde esta destacado de rosa  e a cor do fundo

Onde esta destacado de azul  e a cor da fonte

. Visualize antes para ver se esta tudo ok!

Codigo das cores aki:(www)

Xoxo!

Tutorial:Barrinhas Divisorias

Hoooy gente vim postar o tuto de como por uma barinha divisoria!os creditos vão a:Cold cute!(www)la vai:

.Va em design>editar html>e clik em 'Expandir modelo de widgets'

.Aperte ctrl+f e pesquise por:

<b:include data='post' name='post'/>

.Essa tag ira aparecer destacada de laranja 
. ABAIXO  dessa tag  cole:

<center><img src="url da sua imagem"/></center>

substitua 'url da sua imagem' pelo url da imagem q preferir!

e fiz algumas para vocês usarem se quiserem

ATENÇÃO CREDITOS DA BARRINHA SÃO TOTALMENTE MEUS!SE USAR DE CREDITOS!

 Gente e issoo!
Xoxo!

Tutorial Link raibown(Link arco-iris/Link colorido)

Hoy meus cookies diets !Hj eu vim ensinar um tuto mtooo facil e para aprender a deixar todos os links do seu blog com esse efeito Demonstração de link quer aprender ?? então e so clikr em saiba mais

Tutorial Foto na c-box!(1ºtutorial do The´scolada)

Hooyy!Minha cupcakes "revoltadas"(o.O comuh asinhe?) Ta deixa hj criatividade ta zeroo!sim eu vim akie postar o primeiro(primeirissimo) tuto do The´scolada!e assim e bem simples vou dar logo todos os creditos pra depois naum fik mal falada o creditos deste tuto vão paraa:Garotas ETC Sim se quer aprender clik em "saiba mais"