15 junho 2012

Fundo Estampado no Sidebar

Olá minhas saladas de frutas como estão, espero que bem?
Quem quer Goodies?
Quem nunca se interessou em aprender a colocar Fundo Estampado no Sidebar?
Você?
Vou ensinar passo a passo Oks?

Leia Mais...



 1º Entre em Design e Html do Blog.

2º  Qual lado você quer do seu sidebar? Se for direito aperte Ctrl+ f e procure por:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

Se for esquerda procure por:

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

 3º Quando achar um dos dois, você apague digamos que você quer colocar o fundo estampado na area direita, então ficaria assim, na cor Rosa, você tem que apagar.

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner { 

margin-right: $(content.padding); 
background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
  }  (ESSA PARTE TODA DE ROSA TEM QUE APAGAR, E NO LUGAR DELA VOCÊ COLOQUE ISSO:
 background: url(link da sua imagem); 


Pronto, é só por a URL e visualizar de estiver tudo certinho é só salvar.
 


ATENCIOSAMENTE NATH

66 comentários:

  1. E lindo o resultado :3

    Beesuu ♥ ---> Kiara-loveluv.blogspot.com // Love-luv.tk

    ResponderExcluir
  2. Olá esta rolando um super concurso lá no meu blog que você pode ganhar 2 anos de divulgação, 4 layouts completos, entrevista e muito mais! Bjs,http://luan-crazyinhtml.blogspot.com.br/

    ResponderExcluir
  3. oi nath.
    vim retribuir a visita que fizeste lá no blog.
    amei seu blog , ah já to seguindo. se possível segue devolta?
    bjks
    http://worldofgirls-bykethleenribeiro.blogspot.com.br/

    ResponderExcluir
  4. Lindaaa ameiii o seu blog que lindoooo.... Passando para retribuir a visita e claro virei seguidora... beijos!!!

    http://simplismenteedanny.blogspot.com.br

    ResponderExcluir
  5. Que ótimo tutorial! Fica linos :)
    Beijos

    blogmodaonline.blogspot.com

    ResponderExcluir
  6. Que ótimo tutorial, amei!

    Obg pela visita no meu blog.
    Beijos.

    http://woman-decides.blogspot.com.br

    ResponderExcluir
  7. Aain que bem legal, acho que vou usar no próximo lay :)
    Bjs
    fannydream.tk

    ResponderExcluir
  8. bem legal, lindo o seu blog, passa lá no meu blog e se puder me ajudar com minha meta de 80 seguidores eu agradeço.

    http://utilidadedeleocatia.blogspot.com.br/

    xero

    ResponderExcluir
  9. Amei o tutorial, muito show [:

    ResponderExcluir
  10. Muito bom esse tutorial, mas pena que minha sidebar sempre é separada =\ rs seguindo aqui :)

    http://aboutbiam.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. EXISTE UM TUTORIAL que fazer juntar os sidebar com o post. Bjão

      Excluir
  11. OMG! Deve ficar lindo! Parabéns pelos 100 seguidores!
    Estou seguindo, será que pode seguir de volta?

    http://fluffy-s2-world.blogspot.com.br/

    Kisses! Obrigada ;D

    ResponderExcluir
  12. Amei a dica, fica super lindo >3
    http://themudancas.tk/

    ResponderExcluir
  13. já coloquei amor vc nos afiliados pode por aqui também ?
    www.menina-incrivel.blogspot.com

    ResponderExcluir
    Respostas
    1. Não sei porque mais acabei de visitar seu blog, e eu não estou afiliada. Bjão

      Excluir
  14. Retribuindo a visitinha fofa *-* Muito legal o tuto!
    Bjos...

    http://sammysacional.blogspot.com.br/
    http://beautifulandfearless.blogspot.com.br/

    ResponderExcluir
  15. Retribuindo visitinha! Amei o tutorial!
    Quando quiser passa de novo lá no MT.
    Mil Beijos!'

    www.moodernteen.blogspot.com

    ResponderExcluir
  16. Obrigada pela visita,já estou retribuindo >< ,adorei o blog ,bjoos.
    http://balaio-sonhos.blogspot.com

    ResponderExcluir
  17. Mt fácil esse tuto! Já utilizei bastante ahsuhsu''
    Flores ,seguindo aqui já! Amei o blog de vcs! mt cutie =* <3
    Obrigada pela visitinha lá no meu bloguito,rsrs! Voltem sempre! Serão sempre bem-vindas ook?
    BeijinhosDoces....
    http://1cerejavermelha.blogspot.com.br/

    ResponderExcluir
  18. Nossa que tudo floor ^^ Adorei o tutorial ^^

    http://souzadiinha.blogspot.com.br
    Beijos ♥

    ResponderExcluir
  19. Amei o tutorial muito legal.
    Flor amei seu blog e já estou seguindo.
    bjs
    http://coiisinhasdegarotass.blogspot.com.br/

    ResponderExcluir
  20. No meu próximo layout acho que vou usar esse tuto, ótimo tutorial linda!
    Beijinhos :*
    tudo-para-gaarotas.blogspot.com

    ResponderExcluir
  21. oiii lindas, arranjei um tempinho e vim passear aqui no blog e ja sou seguidora

    beiiijos

    ResponderExcluir
  22. Adorei o tutorial (= Beijos!

    http://dreamsofagirl-blog.blogspot.com.br/

    ResponderExcluir
  23. amei a tutorial, fica perfeita.
    beijos
    http://lolamantovani.blogspot.com.br/

    ResponderExcluir
  24. Tuto show :)
    o blog fica mais bonito né?!
    ~~bad-reputation-13.blogspot.com.br~~

    ResponderExcluir
  25. Adorei o tuto, fica perfeito *-*

    Obrigada pela visita, linda (:

    Big Beijo ;* farryteen.blogspot.com

    ResponderExcluir
  26. amei o tuto flor ^^
    bjs
    http://ilovedinossaurs.blogspot.com.br/

    ResponderExcluir
  27. Adorei o tuto, deixa o blog totalmente lindo haha *-*
    Obrigada pela visita, volte sempre xD

    Beijos Nhaac ;33
    www.mundoo-cute.blogspot.com

    ResponderExcluir
  28. Oie fiz oque você pediu visitei o seu blog,ameii ele é simplismente lindo.

    http://amoraruffles-blogger.blogspot.com.br/

    ResponderExcluir
  29. Adoro esse tutorial, deixa um efeito super fofo. Seguindo aqui!

    Kisses ♥
    http://bloggarotainocente.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Eu amo mesmo. Fica super fofo. Obg!
      Beijinhos

      Excluir
  30. Amei o tutorial *--*

    Beijoos :*
    garotanadanormal.blogspot.com.br

    ResponderExcluir
  31. Muito bom o tutorial! Seu blog é um charme!

    Beijos, flor!

    http://pensandobem-blog.blogspot.com.br

    ResponderExcluir
  32. ooi!
    obrigada pelo comentário :)

    bjo e amei teu blog

    ResponderExcluir
  33. Olá ^^ Adoro o teu blog está mesmo fofinho *-* Já estou a seguir se quiseres seguir o meu tbm aqui está o link:
    http://blog--katy.blogspot.pt/

    ResponderExcluir
  34. Oi linda , Obrigado por comentar lá no meu blog<3
    amei seu blog ele é super lindo e os tutoriais são super utios amo HTML e aqui tem coisas que eu nem sonhava amei muito
    estou te seguindo segue o meu? bj

    http://coisademeninabonita.blogspot.com.br/

    ResponderExcluir