Yoo gente, tudo bem?? Espero que sim u.u Hoje aprendi mais um tutotial bem fácil e rápido ( kkkk sempre aprendendo os mais fáceis, mas futuramente irei fazer e passar uns mais difíceis pra vocês XD) é ótimo para quem tem blogs kawaiis, cutes... São cortininhas no topo no blog!! Vamos aprender go go go u.u
As cortininhas que vamos aprender a colocar são essas:
Vá no Layout do seu blog e clique em "Adicionar um gadget", e clique em "HTML/JavaScript" e cole o seguinte código:
Cortina no top:
<div style=" background-image: url('URL DA IMAGEM'); top: 0px; left: 0px; width: 100%; height: 50px; z-index: 100; position: fixed;"></div>
Cortina abaixo:
<div style=" background-image: url('URL DA IMAGEM'); bottom: 0px; left: 0px; width: 100%; height: 15px; z-index: 100; position: fixed;"></div>
<div style=" background-image: url('URL DA IMAGEM'); top: 0px; left: 0px; width: 100%; height: 50px; z-index: 100; position: fixed;"></div>
Cortina abaixo:
<div style=" background-image: url('URL DA IMAGEM'); bottom: 0px; left: 0px; width: 100%; height: 15px; z-index: 100; position: fixed;"></div>
Cortina do lado esquerdo:
<div style=" background-image: url('URL DA IMAGEM'); top: 0px; left: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>
Cortina do lado direito:
<div style=" background-image: url('ULR DA IMAGEM'); top: 0px; right: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>
Você irá tocar apenas o URL DA IMAGEM, salve e visualize se deu certo, abaixo encontrei umas cortininhas fofas na internet ^^
(se der algum problema no tamanho da imagem, ficar cortada ou duplicar, é só mexer no width e height... não coloque números muito grandes nem pequenos demais..)
Bom é isso é bem simples e super cute, só que fica preso no topo, mas quando você desce o blog ele acompanha o blog... só isso que não achei muito legal, mas tem gostos e gostos, dependendo do blog cai muito bem, pra quem quiser mais cortininhas tem mais <<aqui e <<aqui, peguei algumas desses blogs que achei ^^ Espero que tenham gostado galera, até o próximo post ^^
Nenhum comentário:
Postar um comentário