quinta-feira, 16 de fevereiro de 2012

Tutorial: 2 e 3 colunas no blog

Hooy gente  hoje eu vou postar dois códigos super úteis pra vocês. Que é o de 2 e 3 colunas lembrando que os valores podem ser ajustados, ok (:

Cole os códigos abaixo onde você deseja utilizar as colunas. No caso de ser em uma postagem ou página lembre se de colar na aba HTML (exemplo)

 2 Colunas
<div style="float: left; width: 45%">Escreva aqui o Texto da Coluna da Esquerda</div><div style="float: right; width: 45%">Escreva aqui o Texto da Coluna da Direita</div>

 3 Colunas
<div style="float:left;padding:2px;text-align:center">esquerda</div>
<div style="float:right;padding:2px;text-align:center">direita</div>
<div style="clear:both;padding:2px;text-align:center">embaixo</div>
Bye amores

64 comentários :

  1. Adorei esse código Jackie! é muito útil mesmo, ajudou bastante (: Obrigado flor .

    garota-fashiion.tk

    ResponderExcluir
  2. Ótimo tutorial.
    http://perfeitamenteteen.blogspot.com

    ResponderExcluir
  3. adorei com certza vou usar!!! obrigado por naum postar os coments bjos!!

    ResponderExcluir
  4. Nossa que Tutu' facil em .. sem fala que fica Lindinho o resultado ! como o seu perfil né rsrs
    Beijinhoos
    :k:

    ResponderExcluir
  5. eu estava procurando esse tutu faz tempo :D , e o bom que não é dificil .

    ResponderExcluir
  6. Adorei Jackie muito útil
    beijos amore amo aqui!!
    wwwstartyley.blogspot.com

    ResponderExcluir
  7. ooo ameei o tuto!já to usando lá mas modifiquei pra uma coluna só,pq meu blog ainda ta em reformas.ainvou criar mais paginas ai vou usar o tuto de dus colunas completo!
    bjoss!

    http://spaceteen-chris.blogspot.com/

    ResponderExcluir
  8. JACKIE! OBRIGADA! *-*
    beijos!
    shoesandtears.blogspot.com

    ResponderExcluir
  9. Ahh eu de volta kk aceita parceria algo do tipo?
    aguardo sua resposta amore beijos
    wwwstartyley.blogspot.com

    ResponderExcluir
  10. ameii , queria saber se vc pode fazer um entrevista no meu blog
    bjss
    http://blogs2joyce.blogspot.com/

    ResponderExcluir
  11. Parabéns Jackie Zanini.O Jackie Dream ganhou Blog Da Semena no blog Menina Br.Vai conferir (link:menina-br.blogspot.com) Cofira logo,o blog vai entrar em reforma e ficara fechados por algumas horas.Bjus,Clara <3

    ResponderExcluir
  12. Oi fofa,vim lhe avisar que está rolando uma campanha em meu blog,se quiser participar...
    Kiss:*
    http://leka2002.blogspot.com

    ResponderExcluir
  13. Sempre quis esse código *o* Valeu! Bjs

    meninasapeca-ms.blogspot.com

    ResponderExcluir
  14. Jackie, eu to com saudade dos tutos de photo scape :( beijos, s2rita.blogspot.com :l:

    ResponderExcluir
  15. que legal esse tutu jackie , tava procurando faz tempo :D

    ResponderExcluir
  16. .Nossa , esse Tuorial ele e muito útil ... deixar o blog beim organizado !
    O blog é lindoo adorei !
    já estou seguindoo !
    Poderia seguir o meu ??

    http://mdelicada.blogspot.com/

    ResponderExcluir
  17. hey,vc ja nao tinha feito outro tuto explicando a mesma coisa?mas nao importa,eh bem util pra gente,Jackie!

    bjzz

    ResponderExcluir
  18. Amei o 3 colunas, vou usar no FP, você sempre arrasando em tia Jackie?! *-*
    www.viverserfeliz-renata.blogspot.com

    ResponderExcluir
  19. cada dia mais mim supri endo com os tutorias daqui !:)

    ResponderExcluir
  20. Super fácil o tutorial, e bem útil também!

    Beijos,
    http://blogtruegirl.blogspot.com/

    ResponderExcluir
  21. Ótimo tutorial, Jackie *-*
    Eu já sabia, mas como tem gente que não sabe... Amei, você explicou muito bem.
    Beijos, Dani - onthefame.tk

    ResponderExcluir
  22. Tem selinho pra vc lá no blog!!
    http://amandinhanxforever.blogspot.com/2012/02/selinho-que-recebi.html

    ResponderExcluir
  23. :k: Que demais! Eu a-do-re-i esse tutorial, mas eu estou super necessitada de um tutorial de como tirar o titulo do blog do cabeçalho, por favor me ajuda! *-*
    Bjs: Emilly N.

    doce-meiguice.blogspot.com

    ResponderExcluir
  24. Quem dera eu saber de todas essas coisas de html :// até to pensando em fazer um curso. eu mexia bastante antes, mas perdi a prática e adquiri uma preguiça desumana.

    beijao, obrigada por ter passado lá.

    http://tudotemrefrao.blogspot.com/

    ResponderExcluir
  25. hooy linda, tem uma tag pra você lá no meu blog, mais você não é obrigada aceitar se não o blog ia virar um chiqueiro pq todo mundo que gosta de vc ia te mandar tag hihihi! mais vale a pena perguntar a si mesma as perguntas, tem umas perguntar bem legaiss! bjux
    http://garotadoolharsincero.blogspot.com/2012/02/tag-novo-projeto.html

    ResponderExcluir
  26. Ah! E o blog mudou de link!
    agora ficou:
    http://www.patty-missgirl.com.br
    fácil, neh?

    ResponderExcluir
  27. Muito bom o tutu, babei quando vi isso no seu perfil..

    Beijo Grande, Guriia

    ResponderExcluir
  28. Ount *-* bligada rsrs
    Adoro seus tutos do ps, já fiz a batatinha,cupcake,e o porquinho... só que meu porquinho parecia uma almofada hahah'
    beijos jackie lindaaa! s2rita.blogspot.com

    ResponderExcluir
  29. NUss procurei tanto por isso!! hahah vou ate deixar nos favoritos pra quando eu tomar vergonha na cara e fazer isso nos meus goodies aksokasa
    Bom reabri meu blog *--* queria te chmar para conhecer o meu tambem (: Deixa um coment? Retribuo :) tudo de bom pra voce ,muito sucesso, voltarei sempre que puder! Act afiliação? seria 1 honra (=


    ~>http://adolescentario.blogspot.com/
    se curtir segue :}

    ResponderExcluir
  30. oooi jackie amei o tutorial , mas vim akki pra pedir um favor , vooç poderia me seguir no meu blog e divulga-lo ficaria muuuuito agradecida

    http://www.coisa-de-pre-adolescente.blogspot.com

    ResponderExcluir
  31. oooie flor, bom passei aqui para dizer que estou seguindo e amando seu blog! Se possível dá uma passadinha lá no meu, pode ser? beijão =*

    http://videodagabi.blogspot.com . Brigada!:h:

    ResponderExcluir
  32. Bacana o tutorial, muito bem explicadinho!
    www.bugigangazdanet.blogspot.com

    ResponderExcluir
  33. hOy jackie... :DD

    tutu SUPER UTIL!!! vou ter de experimentar ``kkk◑‿◐

    ps: o que seria da gente se a jackie não existisse!!eheh ✖‿✖

    kissus★

    ResponderExcluir
  34. Oi Jackie seu blog é lindo e muito instrutivo, tem dicas muito boas. Adorei todas as ilustrações e emoticons .Sucesso :h

    ResponderExcluir
  35. Aaahh, quanto tempo eu não venho aqui(sorry). Hey Jackie,obrigada pelo novo tutorial, porque eu sozinha não sei mecher em codigo nenhum ^^''''
    bjks

    vnmpofcial.blogspot.com

    ResponderExcluir
  36. @-- Rita huahauhauah eitaa guria agora eu quero ver a almofada *-*

    beijus lindona ;D

    ResponderExcluir
  37. Nossa adorei em, srs, vou fazer

    Por favor, vote no seu blog preferido na enquete, seu voto ajuda e muito
    http://www.perfeitinhablog.com/

    ResponderExcluir
  38. @jackie Zanini AUSHAUSH' agora fui procurar... EU NÃO SALVEI! ¬¬ mais idiota impossivel né! ta loucooo husahuahs'
    beijos flor!!! sweetgoodies.tk

    ResponderExcluir
  39. Só vc mesma pra fazer uns tutos tão perfeitos owwnn Jackie eu sei que é chato mais vc poderia votar na minha cachorrinha susi neste concurço por favor ???
    http://do-ladodeca.blogspot.com/2012/02/quem-deve-ganhar-o-concurso.html

    Beijos e OBG GURIA rsrsr

    ResponderExcluir
  40. Ahhhh... amei!! Vou coloca-lo na página de Goodies do meu blog!! Thannnks, Jackie!!

    Visita meu blog, Jackie? Estou começando agora... vê se você gosta!! Hehe...

    lapetits.blogspot.com Fiquem com Deus! S2

    ResponderExcluir
  41. Jackiee do céu ameei esse tutorial, muitoo facil e facilita as tags ou arquivos do blogger , Adoreii , Bjão :*

    ResponderExcluir
  42. jackie você tá seguindo meu blog :m: brigada manola

    ResponderExcluir
  43. Oi, Jackie! Você pode fazer um tutorial explicando como você faz as páginas do blog ficarem grudadas no layout? É que eu tentei e ficou um lixo! Quase que eu perco meu blog TODINHO! Mas você pode me ajudar? Fica tão bonito... beijo!

    bibiworldfun.blogspot.com

    ResponderExcluir
  44. Ameii demais! Vou fazer ..

    Beijos,
    Tamires
    http://crazy-smiile.blogspot.com/ Tem sorteio lá no Crazy Smile, aproveita e participa também!

    ResponderExcluir
  45. Ameiiii seu blog! Segue o meu? :j:
    s2imagine.blogspot.com ou blogimagine.tk

    ResponderExcluir
  46. oi jackie meu bloguinho só tem um mes! e eu queria saber como aperfeiçoalo!

    vc poderia me ajudar eu não entendo muito bem desses codigos html e nada .

    vc poderia postar ai algun tutus?

    beijoes

    ResponderExcluir
  47. é fácil mesmo, mas como faço pra colocar esse mini gifs, e quando passa o mouse muda e tals ?
    HELP ! =(

    ResponderExcluir
  48. Jackie porfavor vc pode explicar melhor o tuto pq eu n entendi,como de faz direitinho pra fikar quinem o seu!!!O meu Ficou um LIXO TOTAL!!! :i:
    :k:

    ResponderExcluir
  49. @Gabi Ansbach É só dar uma lida novamente ai vc entende (:

    ResponderExcluir
  50. Ok vou tentar novamente!
    http://fashiongirloficial01.blogspot.com.br/

    ResponderExcluir
  51. Aiii Jackie eu consegui...mas eu não consigo é colocar as páginas para clicar nelas e como coloco a postagem desntro do link??? please me ajuda!!!
    http://fashiongirloficial01.blogspot.com.br/

    ResponderExcluir
  52. Jackie , tô me inspirando no jd lá no meu blog , pq eu amo muito aqui , não consigo ficar um dia sem vir aqui , bjinhos minha linda ! https://www.facebook.com/licia.carla

    ResponderExcluir
  53. jackie eu n consegui:i: mas eu adorei o tutu

    ResponderExcluir
  54. jackie no meu blog a lista nao fica como a sua ai da demonstração fica saltiando uma linha entre um link e o outro ja revirei várias veses e não sei o que houve por favor você sabe o que ode ser ? será que foi alguma modificação que eu tenha feito no html ?

    http://blogdapepi.blogspot.com.br/

    ResponderExcluir
  55. @blog da pepi

    é sim jackie muito simples mesmo tbm nao entendo por que esta salteando linha queria juntinho como no modelo que você colocou bjao

    http://blogdapepi.blogspot.com.br/

    ResponderExcluir
  56. Bom esse tuto é muito útil Jackie e seu blog é PERFEITO nota 10 só que eu queria colocar essas colunas personalizadas igual tá nos seus Goodie me ajuda ?
    Da uma seguidinha lá
    http://francieleoliveira1999.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. O tutorial pra deixar a página dividida em duas (como a de goodies) e esse, o menu eu peguei no Trechy teen, mas infelizmente ele foi hackeado e o tutorial excluído :(

      Excluir
    2. então Jackie se sabe onde eu encontro elas decoradas

      Excluir
    3. Não '-' eu peguei no trechy teen, mas o tutorial foi excluído não faço ideia onde pode ter outro igual

      Excluir
  57. Olá,fiz um post no meu blog:"top 10 blogs que indico" e indiquei seu blog =)
    http://cuidandodovisualbygiih.wordpress.com/2013/07/22/top-10-blogs-que-indico-%E2%99%A5/

    ResponderExcluir

.