sábado, 1 de dezembro de 2012
Tutoriais
Como achar HTML no novo Blogger
Isso nem mereçe ser chamado de tutorial, mas a minha amiga esta com aslguns problemas para achar o HTML do novo Blogger dela, então esse tutorial é para ajuda-la.
(Eu nem preciso de passos) É só ir no mode-lo e do lado de personalizar vai estár escrito HTML, clique la.
Atenção!
Em alguns blogs ao clicar em HTML apareçe uma página que diz que é melhor usar o CSS, mas é só clicar em prosseguir.
Como fazer borda redonda nas imagens do Blog
Oi fadinhas brilhantes, hoje resolvi aproveitar que estou com bastante tempo para o blog e postar um tutorial simples que peguei do blog Cherry Copcaskull, é um efeito que bastante gente cobheçe por alguns blogs.
O efeito é passar o mouse pela imagen e ela ficar arredondada, coloquei no blog ficou lindo ^^
Tutorial:
-webkit-transition-duration: .50s;
border-radius: 10px 10px 10px 10px;
}
.post img:hover {
-webkit-transition-duration: .50s;
border-radius: 200px 200px 200px 200px;
(Eu nem preciso de passos) É só ir no mode-lo e do lado de personalizar vai estár escrito HTML, clique la.
Atenção!
Em alguns blogs ao clicar em HTML apareçe uma página que diz que é melhor usar o CSS, mas é só clicar em prosseguir.
Como fazer borda redonda nas imagens do Blog
Oi fadinhas brilhantes, hoje resolvi aproveitar que estou com bastante tempo para o blog e postar um tutorial simples que peguei do blog Cherry Copcaskull, é um efeito que bastante gente cobheçe por alguns blogs.
O efeito é passar o mouse pela imagen e ela ficar arredondada, coloquei no blog ficou lindo ^^
Tutorial:
- Va em HTML no seu blog (mais tarde vou ensinar a como achar o HTML no novo blogger)
- Clique em Exapandir modelos de Widgets e clique em Ctrl+3 ou F3
- Na caixa de pesquisa procure por ]]>
- Depois cole este coódigo Acima dele
-webkit-transition-duration: .50s;
border-radius: 10px 10px 10px 10px;
}
.post img:hover {
-webkit-transition-duration: .50s;
border-radius: 200px 200px 200px 200px;