Como colocar cortininha no blog

 

Oiiiie Girl's Tudo bem?

Hoje vou ensinar um tutorial de como colocar cortininha no blog , 

A minha cortininha fica no topo , mas ela pode ficar em vários lugares

mais chega de blá blá e vamos ao que intressa

clique em leia mais para saber como colocar
Tem dois jeitos de colocar ela :

1. Pelo gadget

2. Pelo Html

Alguns Blogs  conseguem colocar pelo gadget  , já outros blogs não conseguem
Então vamos começar ,  de como colocar pelo gadgete

Vá em Design / Layout / Adicionar gadgete / Html/java script

Depois cole  esse código:

Para colocar a cortininha no topo:

<div style=" background-image: url('URL DA CORTINA'); top: 0px; left: 0px; width: 100%; height: 50px; z-index: 100; position: fixed;"></div>

Para colocar a cortininha em baixo:

<div style=" background-image: url('URL DA CORTINA'); bottom: 0px; left: 0px; width: 100%; height: 15px; z-index: 100; position: fixed;"></div>

 Pra colocar a cortininha á esquerda:

<div style=" background-image: url('URL DA CORTINA'); top: 0px; left: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>

Para colocar a cortininha á direita:

<div style=" background-image: url('URL DA CORTINA'); top: 0px; right: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div> 

Onde está em vermelho voce coloca o URL da cortininha

Agora vamos pelo HTML

Vá em Design / Editar Html / Clique na caixinha'' Expandir modelo de windget''

tecle Ctrl+F ou F3  eprocure por:

 </body>

Para colocar a cortininha em cima procure pelo código </body> e cole abaixo dele esse código:

 <div style=”top: 0px; height: 50px; width: 100%; z-index: 4; background: url(‘URL DA CORTINA’); position: fixed; left: 0px;”></div>

Para colocar a cortininha em baixo  prcure por </body> e cole abaixo dele esse código:

<div style=”bottom: 0px; height: 50px; width: 100%; z-index: 4; background: url(‘URL DA CORTINA’); position: fixed; left: 0px;”></div>

Para colocar a cortininha  á direita , cole esse código↓ abaixo antes de </body>

div style=”top: 0px; height: 100%; width: 50px; z-index: 4; background: url(‘ URL DA CO RTINA’); position: fixed; right: 0px;”></div>

Para colocar a cortininha á esquerda  pesquise por  </body> e cole esse código abaixo dele:

<div style=”top: 0px; height: 100%; width: 50px; z-index: 4; background: url(‘ URL DA CORTINA’); position: fixed; left: 0px;”></div>

Algumas cortininhas que achei na Net:

     

   

Espero ter ajudado *--*

Tchauu até mais Bjoo'