27 de jul de 2011

Tutorial~2 colunas laterais!

Tutorial~2 colunas laterais! , Oi amrs ,como o titulo diz vou ensinar a colocar 2 colunas laterais no blog!
Clique em Leia mais para ver o tutorial!
1º- Vá em design-> Design do modelo-> Layout.

Depois que fizer isso, clique em ''Aplicar ao Blog''

2º- Vá em Ajustar larguras, em cima de Layout. E deixe desse jeito, tanto para o lado direito, como para o lado esquerdo.


OBS : Ajuste do jeito que você preferir, mais neste caso aqui, se a barra lateral tiver 400 pixels, seria 200px para cada lado. (:
Depois disso, clique de novo em Aplicar ao blog.

3º- Agora precisamos ajustar uma imagem, para usar como fundo, vou deixar um exemplo pra vocês.


Podem usar essa imagem ai mesmo, mais se quiserem de outra cor, é só editar, ou senão fazer de outra cor no PhotoFiltre.

4º- Agora, hospede a sua imagem aonde preferir, lembre-se, guarde o link da imagem.

5º- Vá em Design novamente, e clique em ''Editar HTML'', de Ctrl+F .
Se você escolheu a coluna do lado direito procure por:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
Se você escolheu a coluna do lado esquerdo procure por:

 .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
Vai aparecer assim :

 .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {margin-right: $(content.padding);background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;}
Substitua a parte destacada em negrito por :
background: url("URL DA IMAGEM") repeat;
Coloque no lugar de ''URL DA IMAGEM'' o link da imagem que você hospedou.


Agora, visualize, se estiver tudo ok, salve.
É isso meninas, espero que tenham gostado do tutorial, Beijos :*
OBS : Se quiserem algum tuto, é só pedir na pagina ScrapBook, ou nos comentários.



Créditos : Menina Nerd & Just Gabi!!

5 comentários:

  1. Aceito parceria sim ! :)
    http://wwwnovidadesdechocolate.blogspot.com
    P.S: O blog vai mudar de nome e url em breve, mas ficará um aviso lá no link atual !
    Beijokiss
    Giika !

    ResponderExcluir
  2. Aceito a parceria flor. Em breve colocarei o seu link em parcerias.

    Bjs
    http://teenssecrets-star.blogspot.com/

    ResponderExcluir
  3. Aceito a parceria sim.
    Já estou linkando linka de volta. :)
    Bjs.
    http://qo-rock.blogspot.com/

    ResponderExcluir
  4. Oiiii amei o blog, Claro que aceito parceria. É só pegar o banner, avisar que pegamos o seu =D

    ResponderExcluir
  5. Oii! Ameei o seu blog, é muito fofs! Visita o meu?
    Tá aí: misterbunnie.blogspot.com

    ResponderExcluir

Lindos(as) antes de comentar tem que ver as regrinhas básicas:
-Sem xingamentos
-Pf SEMPRE que for comentar deixe a url do seu blog em baixo, para eu visitar e seguir!
Obrigada,
Honey Bee // Dona Oficial Do Blog Perfect Candy