quinta-feira, 21 de julho de 2011

Tutorial- Duas colunas com fundo colorido.

Olá meninas, hoje estou aqui com um pedido de tutorial de como colocar duas colunas coloridas na barra lateral, que nem aqui na JG.
Ah, só quero avisar que irei atender os pedidos por ordem de quem pediu primeiro tah amoras ? Então, é isso, espero que ajudem a todas(os) vocês.
               Tumblr_loosngzmyw1qmo6hxo1_500_large

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 no tinypic.com, ou 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 *~*

35 comentários:

  1. Vou tentar fazer flôor, obrigada *-*

    www.conselhosdostardoll.blogspot.com

    ResponderExcluir
  2. ootimo tutorial Gabi! Arrazou,vou tentar fazernonovo lay do CS..
    Bjão!:B

    www.caprichospace.com

    ResponderExcluir
  3. Legal =) Eu já sabia faz tempo,mas não ficou legal no RC
    Bjos
    WWW.rosa-chiclete.com

    ResponderExcluir
  4. exclamegirls.blogspot.com
    visitem , agora o blgo está com dicas de compras e favoritos do mês !
    vocês precisam conferir !



    SEGUINDO SEGUE DE VOLTA ?
    amei o blooooog . sucesso pra voç

    ResponderExcluir
  5. Hmmmm. Mais o texto está bem batido com o outro, mas tudo bem amor, obrigada por retirar! *-*

    Beijos,
    www.placefame.tk

    ResponderExcluir
  6. seguindo, segue de volta? beijos flor
    http://garotaadolescenteestilosa.blogspot.com/

    ResponderExcluir
  7. Oi linda amei o blog viu...Já estou seguindo♥

    ResponderExcluir
  8. *-------* Obg por seguir amr! Estou seguindo de volta!
    beijos
    http://diamontlilac-news.blogspot.com/

    ResponderExcluir
  9. Valeu!! Ah o JUST' GABI tá em destaque lá no M M TEEN http://mundinhomegamary.blogspot.com/

    ResponderExcluir
  10. No meu ultimo layout eu usei esse tutorial *-*
    Beijos,
    theattitudeincluded.blogspot.com

    ResponderExcluir
  11. Eu estava procurando por este tutorial desesperadamente!

    Já estou seguindo aqui,

    Besos ,

    Biiãa Andraadee - PM

    http://paraisodemenina.blogspot.com/

    ResponderExcluir
  12. Uma otima dica para blogueiras iniciantes =D
    Adorei o blog aceita parceria??

    bjs

    http://umdiarionadasecreto1.blogspot.com/

    ResponderExcluir
  13. Oi flor , amei demais teu blog e ja to seguindo ta ?
    Beijo guria :)
    www.duzentosevinte220.blogspot.com

    ResponderExcluir
  14. Muito legal, obg por me seguir !
    beijos
    blogloucamistura.blogspot.com

    ResponderExcluir
  15. Que legaal ! Estou te seguindo, me segue? e comenta lá?
    http://www.siteshoow.com/
    Beijooos

    ResponderExcluir
  16. Este comentário foi removido pelo autor.

    ResponderExcluir
  17. Obrigada por seguir o TB ~* e pelo comentário!
    Já estou seguindo de volta, desejo sucesso!
    Bjos

    http://teenblogumblogpravoce.blogspot.com/

    ResponderExcluir
  18. Adorei o tutorial, vou tentar fazer no meu depois.

    Beijos, te seguindo
    http://vaniteeen.blogspot.com/

    ResponderExcluir
  19. Aceita parceria??

    www.muuuhgindo.blogspot.com

    ResponderExcluir
  20. Olá, muito lindo aquiii !
    Vou seguir, segue também ? ! *-*
    Beeijos :*
    HTTP://QUICKLYABOUT.BLOGSPOT.COM

    ResponderExcluir
  21. Sigo sim flor , queria muiito esse tuto porque o que eu encontrava no trenchy não dava certo!
    Kisus!
    http://blogdasgarotasby.blogspot.com/

    ResponderExcluir
  22. Hoy! Posso te pedir um favor?
    Está rolando um sorteio lá no blog Trechy Teen, será que você poderia votar no Ser Menina?
    é só entrar nesse link:
    http://s2meh.blogspot.com/p/parcerias.html

    Beijos e agradeço ^^ (Please!)
    http://sermenina-blog.blogspot.com

    ResponderExcluir
  23. Adorei o blog,estou seguindooo!
    Obrigada por seguir o meu :)
    Beijos


    http://pinkperola.blogspot.com

    ResponderExcluir
  24. Olá flor tudo bem? Bom você pediu e aqui estou ja estou seguindo amei o blog.Tutorial muito legal pois muitas meninas querem fazer isso e não sabem beijos.

    ResponderExcluir
  25. eu não consegui colocar tem como me ajudar ? eu estou criando outro blog.

    ResponderExcluir
  26. Oi Flor!
    Ameii seu blog e esse tuto! Eu tava procurando isso a Séculos *modo de falar*
    Bem, queria que você seguisse o meu... Ele tá em manutenção mais Logo Volta...
    Olhe:
    http://trinkygirl.blogspot.com/
    xoxo

    ResponderExcluir
  27. aaa ótimo tutorial, me ajudou bastante ^^

    Brigada mesmo *-*

    ;***

    http://cantinhodeumagarota.blogspot.com

    ResponderExcluir
  28. Oi minha linda *--*
    Não achei o link :/
    Ei ta tendo um concurso lá no blog O selo é lindo *u*
    Pra participar e só linkar! Seguir o blog publicamente
    e comentar com o
    (Nome:
    Nome da Seguidora:
    Nome Do Blog: ) muitoo Facil! Vai perde essa ?!
    e prontoo, vc praticamente Ganhoou! Mas, corre pq só são 30 Pessoas tá ?

    Bjoookas ;*
    http://rebecafashionworld.blogspot.com/

    ResponderExcluir
  29. Oii deu certo !!!! segue lá se puder

    poke-nerd.blogspot.com.br

    ResponderExcluir
  30. Oi querida tentei fazer mas não achei esse código, apertei ctrl+F pesquisei mas não aparece oq eu faço?

    www.rg-girls.blogspot.com

    ResponderExcluir