Gadgets separados um do outro / com fundo colorido


31 janeiro 2012

Sobre-02_large

Heeey meus amores, quanto tempo sem tutorial hein? Hoje trago um que está virando sensação na maioria dos blogs, são os gadgets divididos em uma coluna larga e transparente. Quem vê pensa ser super complicado, mas na prática é bem fácil, e não é necessário mexer com muitos códigos, vamos aprender?

Primeiramente vá em Design -> Designer do modelo -> Avançado -> Plano de fundo da barra lateral e selecione a opção de "Transparente". Salve e vá para "Editar html".

Lá dê um Ctrl + F e procure por: /* Widgets, antes de fechar a chavinha, acrescente:

background-color: #CORHTML;

No lugar de #CORHTL, escolha a cor que preferir usando essa tabela. Como podem perceber, é super simples e não exige nenhum conhecimento profissional em HTML, espero que tenham gostado :D

Como ficará:


22 comentários:

  1. Adorei o tutorial , rs e facinho
    http://perfeitinha-blog.blogspot.com/

    ResponderExcluir
  2. eu tbm adorei o tutorial,bem explicadinho amei bjs

    http://dezapaixao.blogspot.com/

    ResponderExcluir
  3. Amei o tutorial *0*

    Bjs,
    Giih!

    http://blogdasmeninasblogueiras.blogspot.com

    ResponderExcluir
  4. Nossa acho que vou fazer no meu próximo lay ^^
    Aah não conhecia a raça cockerpoo, pesquisei agora no google e amei!
    Beijo ;*
    deluxegirlsblog.blogspot.com

    ResponderExcluir
  5. - :) obrigada pelo comentário :*

    leticiac04.blogspot.com

    ResponderExcluir
  6. Oiii fofa, muito bom esse tutorial (:
    Bjo
    TDiaryofteens.blogspot.com

    ResponderExcluir
  7. oooi, adorei mto o Blog...[
    Eu estou seguindo...
    Pf, sigam meu Blog devolta!
    Obg, bjokas

    http://morangocorderosacute.blogspot.com/

    ResponderExcluir
  8. Primeira vez por aqui...
    Adorei o blog e já estou seguindo. Convido você a conhecer e seguir o Sook também. Obrigada!

    Inclusive tem PROMOÇÃO do livro "Guardiões" por lá. Participe!
    BjO
    http://the-sook.blogspot.com/

    ResponderExcluir
  9. Amei o tuto!
    Tem muitas novidades no blog, não vai perder né?!
    Beijos!
    http://tendencias-teens.blogspot.com

    ResponderExcluir
  10. Bem fácil msm, e é está virando modernidade ^^ GOSTEI!

    Ecleticus / @Twitter

    ResponderExcluir
  11. Bem facil mesmo, quando mudar meu layout talvez venho aqui fazer o tutu! haha .
    Beezô, me visita? garota-fashiion.tk

    ResponderExcluir
  12. Noossa bem facil e adoorei e gostei muito do seu blog e já estou seguindo,prometo voltar outras vezes aqui ! se você poder passa la no meu blog : http://www.deduas-uma.com

    ResponderExcluir
  13. Eu já sabia como fazer, mas o tuto ficou muito facil mesmo pra quem ainda não sabia. O seu blog é lindo, amei o design, e os posts são sempre bem completinhos, perfeito mesmo.

    Já estou seguindo.

    just-a-sweet-girl.blogspot.com

    ResponderExcluir
  14. Aniw,adorei o post flor!
    post novo la no blog,comenta?
    http://tutoriar-oficial.blogspot.com

    ResponderExcluir
  15. Adorei o tuto é bem fácil,e muitos blogs já estão aderindo.

    Beijos.

    blogdagi1.blogspot.com

    ResponderExcluir
  16. Amo tutorias mas nunca consigo fazer.obrigada por seguir!

    ResponderExcluir
  17. No novo layout do blog LM, eu vou usar esse tutorial, fica lindo
    bjjos
    blogloucamistura.blogspot.com

    ResponderExcluir
  18. Ameeei o tuto *-*
    Concerteza no proxiimo esse taráa
    Bjs...


    http://blog-moderninho.blogspot.com/

    ResponderExcluir
  19. Perfeito *o*
    Adorei, já procurei muito esse tuto e nunca consegui encontrar! E o bom é que é super prático :)
    Xeru.

    www.ponhaglitter.tk

    ResponderExcluir
  20. no meu não tem plano de fundo da barra lateral :(

    ResponderExcluir
  21. Adorei o tutorial,bem fácil de fazer.
    http://perfeitamenteteen.blogspot.com

    ResponderExcluir
  22. O meu ficou com um fundo transparente atras me ajudaa!!

    ResponderExcluir

Todos os comentários serão respondidos. Obrigada e volte sempre! ✌ ♥