17 de fev de 2013

Tutorial : Subir e descer o gadget

Heey, pois muito bem minha genthy, hoje eu decidi fazer um tutorial para vocês! Bom, vocês devem saber tutorial não é a 'especialidade' do Pequeno Muffin né? Então, eu sei mais ou menos de HTML, não sei de muita coisa, apenas do necessário. Nós quase nem temos tutoriais né? Por isso decidi fazer hoje.
Repararam que o gadget do blog desceu um pouquinho do que o padrão?
Pois é, no tutorial de hoje vou ensinar a vocês como faz para subir o gadget lá no alto do cabeçalho ou descer um pouquinho, como eu fiz.
Bora ver?

Para gadgets do lado esquerdo:
  • Vá na página inicial do blogger -> Modelo -> Editar HTML -> Aperte Ctrl + F
  • Procure  por :    .main-inner .column-left-outer {
  • ABAIXO disso, cole o seguinte código :  
margin-top: 30px;
margin-top: 30px;
      }

Para gadgets do lado direito:
  • Vá na página inicial do blogger -> Modelo -> Editar HTML -> Aperte Ctrl +F
  • Procure por :      .main-inner .column-right-outer {
  • ABAIXO disso, cole o seguinte código :
margin-top: 30px;
margin-top: 30px;
      }
Atenção: a medida 30px destacada em roxo, é a medida que eu uso, quanto MENOR for a medida, mais o gadget subirá. Quanto MAIOR for a medida, mais o gadget descerá.
Para o gadget ficar bem ao alto mesmo, utilize a propriedade -50px, -100px....enfim utilize a propriedade do menos - 
Para o gadget descer utilize 30px, 50px, 100px...dentre outros.

Bom, o tutorial acaba por aqui, espero que tenham gostado e ajudado!
Se tiverem alguma dúvida pode perguntar!
Bisous!

42 comentários:

  1. Eu amo esse tutorial, eu sempre uso ele, já te coloquei na minha elite de afiliados, obrigada por aceitar! Beijos

    amantesdemoda.blogspot.com

    ResponderExcluir
    Respostas
    1. De nada! Já vou te colocar também, obrigada por me convidar! :D

      Excluir
  2. Eu adoro tutoriais, são sempre muito uteis para todas as blogueiras, rsrs.... Beijosss

    http://neveemnovayork.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. É verdade Giovanna! Hahahaha, que bom que gostou, volte sempre! :D

      Excluir
  3. Super tutorial s2 , seguindo seu blog tbm s2
    http://deumahorapraoutra.blogspot.com.br/
    by: Claah Justino

    ResponderExcluir
  4. Ótimo tuto S2

    Ju, do Epílogos e Finais.

    ResponderExcluir
  5. ótimo tutorial! Usei ele estes dias quando estava fazendo o layout novo. Ah, o seu layout é lindo! Poste mais tutoriais, viu? Aposto que serõ úteis para mim e muita gente.

    Beijos, te espero lá no meu cantinho

    garotasemcliches.blogspot.com.br

    ResponderExcluir
  6. Uso sempre esse tutorial nos meus templates, dá um toque fofo xd
    Kisses
    Sweet Cherry -> Perfil

    ResponderExcluir
  7. Oiii Lara,obrigada por visitar o meu blog, ah e coloquei a caixinha de seguir o blog que você não achou, eu tinha tirado sem querer =/ Se quiser seguir agora ta la, beijos :)

    http://rabiscosalapiss.blogspot.com.br

    ResponderExcluir
  8. Eu uso esse tutorial e acho legal de mais! Fica muito fofo

    Beijinhos <3
    Garota Inocente

    ResponderExcluir
  9. Adorei o tutorial,é muito útil e ficou bem explicadinho! beijos

    ~~Quem precisa de tv para ver Beyoncé // Perfil

    ResponderExcluir
  10. Ameio teu blog, achei super foto *-*

    http://viniseoutrascoisas.blogspot.com

    ResponderExcluir
  11. Super útil o tutorial, flor.
    Amei seu blog. Já estou seguindo. ^^
    Beijinhos!
    sensatasonhadora.blogspot.com

    ResponderExcluir
  12. Adorei o tutorial Lara!
    O novo layout está aprovadíssimo...
    Beijinhos amore!!

    www.euaprendiblogdanathi.blogspot.com.br

    ResponderExcluir
  13. Já conhecia ! Obrigada por seguir, lindo blog.
    Seguindo,
    ~~~>Depois da Meia Noite

    ResponderExcluir
  14. Conhecia esse tutorial, mas acho bem útil. XOXO
    fairiesdancing (.blogspot.com)

    ResponderExcluir

  15. Olá!
    Estou visitando o seu cantinho. Adorei!
    Já estou te seguindo.

    Beiijos,
    Hora do Rímel

    www.horadorimel.com

    ResponderExcluir
  16. Eu uso esse tutorial no meu blog... Os gadgets estão lá em cima, acho que ficou muito fofo *o*
    Tô seguindo, dá uma passadinha no meu blog?
    Diamante Negro

    ResponderExcluir
  17. Ahh adorei o tutorial!Vou usar no meu novo layout..
    Minha Mãe Me Ensinou

    ResponderExcluir
  18. ai u sempre uso esse tutorial nos meus laaaays!

    http://conectadas2.blogspot.com.br/

    ResponderExcluir
  19. Amei o tutorial! Bem necessário! Quando eu trocar meu layout vou precisar com certeza!
    xoxo
    http://peoples-says.blogspot.com.br/

    ResponderExcluir
  20. ótimo tutorial!! ja salvei!!!!
    Ja segui o blog,
    abçs, likearocklikearoll.blogspot.com
    facebook.com/Indirablog

    ResponderExcluir
  21. Esse tuto é bem útil , às vezes sempre que posso uso ele.

    Beijos.
    http://fantasy-kawaii.blogspot.com.br/

    ResponderExcluir
  22. aah Já conhecia esse tutu! Muito útil!

    Flor fiiz um post onde fala um pouco do seu blog
    se poder conferir!

    bjos
    http://princess-intheclouds.blogspot.com.br/2013/02/blogs-que-eu-to-amando.html

    ResponderExcluir
  23. Ate que em fim achei um blog fofinho com tutoriais legais, adoreii :)

    Um Beijo grande

    http://www.mixdecoisas.com/

    ResponderExcluir
  24. Eu já usava bastante esse tutorial no meu blog quando eu usava o modelo Viagem, só que agora não uso mais, até porque queria dá um toque diferente no blog, mas só que amei o tutorial, espero que muitas meninas usem!

    http://saladadefrutasbr.blogspot.com.br

    ResponderExcluir
  25. Amo muito esse tutorial *.* Só não uso no meu blog porque não combina com o modelo :(

    crazycherry-sa.blogspot.com.br

    ResponderExcluir
  26. O seu novo Lay tá muito lindo flor (: Tbm troquei (: Tem post novo lá no blog, da uma passadinha?

    bjuuus

    s2daniih.blogspot.com

    ResponderExcluir
  27. Muito útil o tutorial!!!
    seguindo aqui

    http://juhhrabelo.blogspot.com.br/

    ResponderExcluir
  28. Gostei do Layout.Talvez eu bote esse gadjet para meu novo layout tbm *-*
    butterflyglossy.blogspot.com.br

    ResponderExcluir
  29. Adoreri! Mas nem assim.. Sou péssima com essas coisas rs

    já curtiu? Curta:
    http://www.facebook.com/pages/BLOG-Angel-Poubel/593476004003339?ref=hl

    Big bj ;*
    http://angelpoubel.blogspot.com.br

    ResponderExcluir
  30. Oi amr, tem tag pra vc lá no blog, olha lá! Beijos!

    http://mrt-myrandomthings.blogspot.com
    http://www.facebook.com/MyRandomThingsBlog

    ResponderExcluir
  31. legal o tuto amore
    embora eu nao vá colocar ele no blog tao cedo
    mas que é legal é
    uahsuahsuahushushuahsuas
    um bj


    coloridamentecinza.blogspot.com

    ResponderExcluir
  32. Olá querida, obrigada pela visita e pelo carinho em me seguir, amei :D
    Vim conhecer aqui e já estou lhe seguindo tb, aliás eu fui exatamente a 850 rs!!

    Apareça sempre, será muito bem-vinda ^^

    Ótima dica..
    Beijos,

    lolaporlola.blogspot.com

    Instagram: @stephanieparizi

    ResponderExcluir
  33. Oi Lara, tutorial bem legal, e incrivel as coisas que vc sabe fazer para o blog.

    Como combinado, ja te add entre meus blogs preferidos. Para conferir vai la no blog e ve no blogroll.
    bjos

    www.my-urban-life.com

    ResponderExcluir
  34. Obrigada pela visitinha =D

    http://viniseoutrascoisas.blogspot.com

    ResponderExcluir
  35. Great post! <3<3

    http://lovesushiandfashion.blogspot.com.es/

    ResponderExcluir
  36. Ficou muito bom o tutu, e eu sei que é super útil! Lindo o blog, principalmente o nome ú.ú

    Estou te seguindo :) Me segue de volta? Beijos da Amanda

    www.Be--Different.blogspot.com

    ResponderExcluir
  37. Por que eu não consegui? Quando fiz essas coisas que você pediu, o perfil e a barra de seguidores ficaram lá em baixo de tudo =/

    ResponderExcluir
    Respostas
    1. É só ajustar o tamanho, o tamanho tem que ser o mesmo nos dois, o tamanho destacado no tutorial. Quanto maior for o tamanho, mais o gadget descerá, quanto menor for o tamanho (incluindo números negativos) mais ele subirá.

      Excluir

Welcome to my blog!
Thank you so much for your visit <3