05 maio 2014

1

Como colocar cortininhas no blog

Olá blogueiros !
Hoje trago mais um tutorial , vou ensinar como se coloca cortininhas personalizadas no blog ! . À várias maneiras de realizar este tuto então vou postara aqui 2 modos diferentes ... GOO !


1° Modo :

Vá em Design → Editar HTML  Tecle CTRL+F e procure por:

<body>

Se você quiser colocar a direita, cole esse código ↓ abaixo do codigo anterior:

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

Se quiser colocar a esquerda,procure por <body> e cole abaixo dele esse código:

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

Se quiser em cima, procure pelo mesmo código o <body> e cole abaixo dele esse outro código:

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

Agora se quiser em baixo procure por, </body> e cole abaixo dele esse código:

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


2° Modo

Vá em Design → Editar HTML  Tecle CTRL+F e procure por : 

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

ABAIXO do que você achou, cole :

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

Onde está escrito "URL da sua Cortininha" você coloca a sua URL.
O código acima, é se você quiser que a cortininha fique fixa no blog. Ou seja, que se você rolar a página, ela irá junto.

Agora algumas cortininhas , que achei por ai :








































Espero que tenham ajudado vocês ! Até a próxima !


Um comentário :

Assinar: Postar comentários ( Atom )