Delineador de gatinho!

Não sei vocês, mais eu sempre erro a hora de passar delineador, ainda mais se for delineador de gatinho!? HEUEHUEH 

Então hoje irei postar um video da Karol com K ensinando como fazer o delineador de gatinho, para vocês aprender e eu também, bora aprender então lindonas?
E ai gostaram? já sabem fazer o delineador de gatinho? Comente!
Beijoos.

Tutorial para o seu blog: barra de rolagem colorida

Hey meninas, hoje trouxe um tutorial que vocês leitoras que tem blog vão gostar.. Hehee  Lembrando que vi esse tutorial no blog Cherry Bomb em! 

Hoje vocês vão aprender como colocar aquela barrinha de rolagem colorida, parecida com a que tem aqui no blog. Olha só como fica:

No painel do Blogger, vá em Desing, editar HTML, Ctrl+F ou F3 e pesquise por: ]]></b:skin> . Cole o código abaixo antes de ' ]]></b:skin> ' que você encontrou.

/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background: #ff0f72; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
height:50px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {
background-color:#ff0f72; /*Cor da barrinha que se move*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
height:10px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
 }
/*** Parte fixa da rolagem (fundo que não se move) ***/
::-webkit-scrollbar {
height:10px;
width:15px; /*Largura da barra de rolagem*/
 background: #000000; /*Cor da parte fixa, que fica no mundo*/
border: 1px solid #bgh; /*Coloque borda se quiser*/
}

 Agora é só alterar as cores conforme indicado, visualizar, e se estiver tudo ok, Salve. Ah, e si não quiser os cantos arredondados, apague as partes em cinza.
Beijos! 

Tutorial para o seu blog: Menu de Categorias

Hey amores, como vão? Bom, o post de hoje é bem rapidinho, vou ensina um tutorial que vocês vão gostar bastante, Menu de Categorias(Marcadores)  que vi no blog Part Of Me .E o resultado é bem legal, veja só o  resultado NomedaCategoria

Gostaram neh?!  Bora fazer esse tutorial então!? É super fácil!  ;)

 No painel do Blogger, vá em Desing, editar HTML, Ctrl+F ou F3 e pesquise por: ]]></b:skin> . Cole o código abaixo antes de ‘  ]]></b:skin> ‘ que você encontrou. 

/*-Menu de Categorias por Part Of Me -*/
Categorias {
font: normal normal 11px 'Verdana', Helvetica, FreeSans, sans-serif; /*-fonte do Menu-*/width: 96%; /*-largura-*/float: left; /*-posicionamento do menu-*/
background: transparent; /*-cor de fundo-*/
border-bottom: 1px solid #97bd51; /*-cor da borda de baixo-*/
padding: 2px; /*-altura-*/
text-align: center; /*-posicionamento do texto-*/
margin: 2px; /*-espaço-*/
-webkit-transition: 0.5s linear; /*-não precisa mexer aqui-*/
font-size: 11px; /*-tamanho da fonte-*/
color: #4f4f4f; /*-cor da fonte-*/
}
Categorias:hover {
font: normal normal 11px 'Verdana', Helvetica, FreeSans, sans-serif; /*-fonte do Menu Hover-*/
width: 96%; /*-largura hover-*/
float: left; /*-posicionamento do menu-*/
background: #97bd51; /*-cor de fundo hover-*/
border-bottom: 1px solid #fa7a57; /*-borda de baixo hover-*/
padding: 2px; /*-altura hover-*/
margin: 2px; /*-espaço-*/
-webkit-transition: 0.5s linear;
color: #ffffff; /*-cor da fonte hover-*/
letter-spacing: 3px; /*-espaço das letras hover-*/
border-radius: 10px; /*-bordas arredondadas hover-*/
}

Colou? Então salve o modelo. Agora vá para a ala Elementos de Página, Adicionar  um Gagget, HTML/Javascript e cole o código abaixo dentro da caixinha:

<a href="LinkdaCategoria"><Categorias>NomedaCategoria</Categorias></a>

I ai gostou do resultado? Fácil né?

Si precisarem de ajuda..já sabem .. é só comentar! ;]

Então espero que gostem,

Beijos