8 de out de 2012

Tutorial - Adicionando Cortininha Para O Seu Blog


Oi Bichanos *-*
Primeiro tutorial do blog!
Sabem aquelas cortininhas que vários blogs tem? Hoje, eu te ensino! É bem fácil de fazer. Sempre gostei desse tutorial e, é bem fácil, então acho legal começar com um tuto mais fácil, já que o blog é "recém-nascido" :P
Aprendi esse Tutorial no : Teenagers Place.
Primeiro, se você quer a cortininha :
No topo copie esse código :

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

No rodapé copie esse código :

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

No lado direito copie esse código :

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

No lado esquerdo copie esse código : 

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

Depois de copiado um desse códigos, você vai em Layout>Adicionar Gadget>HTML/JavaScript então, você cola o código, e coloca em qualquer lugar.
Obviamente, no lugar de 'URL AQUI' você cola o URL da imagem, que pra quem não sabe fazer isso, é só clicar com o botão direito do mouse em cima da imagem e clicar em Copiar URL Da Imagem

Algumas cortininhas que eu realmente gostei :

           

Créditos : (www)


  

(www)

  

Achei essas no Google :3

Fácil o tuto né? Se precisarem de ajuda, cometem, e lembrem-se você está errado o tutorial está certo .
Gostaram?
Bjux

2 comentários: