html

Como colocar gadgets no cabeçalho

16:32

                            

Oi meninas tudo bem? Faz muito tempo que não posto nada sobre tutoriais, aliás faz muito tempo que eu não posto né? Tá nem tanto, mas 3 dias já. E porque isso? Vou ser bem sincera com vocês, falta de inspiração, nunca pensei que isso aconteceria comigo, eu sempre dizia , - Jamais vou ficar sem inspiração e sem saber o que postar, eu até tenho uma agenda do blog onde eu anoto todos os posts que eu quero, e lá ainda tem um monte de sugestões, fora os rascunhos do blog, nunca mesmo. Mas essa semana eu pude ver que sim isso acontece, e pode acontecer com qualquer um, tanto comigo, tanto com a blogueira mais recente ou com a maior blogueira, se é que existe. Então acho que devemos sempre estar ligados no que está acontecendo, acompanhando a página inicial do blogger e saber o que as leitoras procuram, se for preciso fazer enquetes e saber os temas que elas mais gostam, para isso nunca acontecer com vocês, é realmente muito desanimador quando isso acontece. Olha que legal, eu escrevendo esse post acabei de pensar em um post bem legal que vocês vão gostar. Acho que a inspiração está voltando e batendo na minha porta novamente. Pode entrar querida, tá parei. 
Mas então meninas muitas de vocês devem procurar esse tutorial e é bem fácil mas ao mesmo tempo difícil , espero que vocês entendam do jeito que eu vou ensinar. Se você prestar bastante atenção e fazer as coisas com calma, é muito fácil. Com ele vocês pode colocar slides no cabeçalho, colocar algum gadget no cabeçalho, tipo o de seguidores, que segundo a Kaorii tá super em moda, eu particularmente acho horrível, mas tem gente que gosta né? Enfim dá pra colocar muita coisa e personalizar o seu cabeçalho se um jeito diferente, se você usar a criatividade pode até ter um novo estilo único para seu blog. Então abusem na criatividade. 

Vamos ler ?





  • Primeiro, o gadget que você for colocar, antes de mais nada ele precisa estar na sua sidebar, então coloque ele lá normalmente.

  • Vou usar aqui como exemplo um slide, depois que você fizer tudo adicionar um HTML/JavaScript , e colar o seu código, cole esse outro código acima de todo o código.

                <div style="position: absolute; margin-top: -100px; left: -200px;">

  • E por fim cole essa tag de fechamento.

</div>

Agora vamos entender o código:

Margin-top: Diminuir o número, faz com que o menu suba e aumentar faz com que ele desça. Veja que está como negativo, então aumentando e mantendo o sinal, é como diminuir. (por exemplo -200 é menor que -100)

left: É a mesma coisa. Se você diminuir, ele vai para a direita, se aumentar para a esquerda.


Ps: Esses números não são uma medida certa para tudo que você for fazer, você terá que ir testando ele, aumentando e diminuindo até encontrar o lugar perfeito onde você deseja o slide, menu, ou qualquer outro gadget.

Acho que é só isso, espero que vocês tenham entendido, e caso não entenderam me perguntem, e um aviso aos afiliados, entre pelo menu em contato e me mandem um e-mail informando que você é afiliado e URL para eu colocar a elite novamente. 

Créditos á: Explodindo Glitter

You Might Also Like

44 Chocolates viraram Cupcakes

  1. Olá Giih, adorei o tutorial, acho bem difícil mas tudo bem! Giih, sou sua afiliada! Haha, a muito tempo! Beijos <3
    isaloy.blogspot.com.br // faz uma visita?

    ResponderExcluir
    Respostas
    1. Não é dificil nao Isa, é so vc tentar.
      Sim sim eu sei, foi uma das primeiras né. Manda um email que eu te respondo, estou terminando de arrumar a elite.
      beijos

      Excluir
  2. Desse tutorial que estava precisando, obrigada :]

    Beijos :*
    http://pequena-julieta.blogspot.com.br/
    NOVO POST. COMENTA?

    ResponderExcluir
  3. Adorei o tuto, estava precisando de um desses hahaha, Não desiste não Amore, Vamos lá força para a inspiração! =]
    Beijos

    Young World

    ResponderExcluir
    Respostas
    1. Obrigada Déh, fico feliz em ter te ajudado, e tbm pela sua presença aqui pra me ajudar. Obrigada ta. Beijos

      Excluir
  4. Muito útil esse tutorial. Tomara que sua inspiração não acabe flor, sei como é quando ficamos sem nada de inspiração.. perdemos a vontade.. Eba! Seguindo, beijos
    PimentaCupcake

    ResponderExcluir
  5. Flor,não desiste..você tem metas?Tem,eu aposto!Vê esse vídeo http://www.youtube.com/watch?v=DLuslaXWvSc ...flor faça um novo marcador tipo beleza,looks, essas coisas..Porque ajuda!Quando ficar sem inspiração me pessa ajuda lá no blog,eu ajudo,hoje eu vim te dar uma ideia: Faz uma coisa que nunca fez...Looks inspiração 2013!..você ajuda muita gente,faz uma coisa,vá para um lugar calmo e tranquilo ou fique 4 dias sem postar nos 4 dias fique no lugar sem nenhuma obrigação se puder nade,fique com uma roupa leve se está calor e se divirta muito!
    ESPERO AJUDAR:) Já seguindo amei o blog ><Beijos Pinkisses

    ResponderExcluir
    Respostas
    1. Sim linda eu tenho, e eu pretendo cumprir todas, inclusie as do blog; vou ver o video que vc disse e seguir sua dica. Obrigada por tudo ta? vc me ajudou bastante. é uma honra ter vc como leitora aqui. Beijoos

      Excluir
    2. *-* Awwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwn..Não tem de que ><..eu exclui 2 blogs por causa de falta de inspiração..é uma honra ter uma linda como você lendo meu blog!Beijos Amore

      Excluir
  6. Ah..e se resolver ficar mais dias coloque uma postadora fora você mais só postadora não administradora..Beijos ><

    ResponderExcluir
    Respostas
    1. Já pensei nisso, mas tenho um certo ciumes do blog sabe? Tipo elas nao cuidam como eu , vc deve saber como é né?

      Excluir
  7. Flor, continua!! Já tinha visto este tutorial em outros blog, mas é sempre bom aprender mais, né?

    Obrigada por seguir o meu blog *-* Já estou seguindo o seu blog lindo!!

    Beijos. Luh
    MCW || MY CRAZY WORLD

    ResponderExcluir
  8. Otimo Tuto ^.^
    Obrigada por seguir meu B L O G já estou te seguindo . Sé poder entre em contato quero fazer algumas perguntas :
    Blog : www.cutetimeon.blogspot.com.br
    Email : giovanasrebelde@hotmail.com

    ResponderExcluir
  9. Super bem explicado! Já conhecia o tutorial, mas de outro jeito. Bem mais fácil assim ^^
    Beijos,
    #Chovendo Diamantes

    ResponderExcluir
  10. Obrigada pelo tutorial, muito bom, adorei. Eu amei seu blog, é muito caprichado e cheio de posts legais, estou seguindo!!! Se você quiser e puder dar uma passadinha no meu blog ficarei muito, muito, muito feliz! Sua opinião é muito importante lá.
    Bjs de Gaby
    www.gabypit-pit.blogspot.com
    e o meu tumblr é www.universodosunicornios.tumblr.com

    ResponderExcluir
  11. Eu conhecia esse tutorial, mas de uma forma diferente!! bEIJSO
    seguindo!
    pqngarota.tk

    ResponderExcluir
  12. Amoor .Não desanima ,sabe oque pode ajudar ? olha,o layout está lindo,mas quando eu estou desanimada eu mudo o layout e me vem aquela vontade de continuar sabe ? então não desanima e já estou seguindo ,parabéns pelo blog !
    Beijinhos <3

    Candy Dream ^^

    ResponderExcluir
  13. oi flor..tudo bem?eu espero que sim comigo está mais triste do que nunca :'(..flor tipo alguém entrou na conta do Lucy Panther Pink e tiraram o fundo dele..nossa eu espero que você entenda...olha eu vou excluir o Lucy Panther Pink e fazer outro com o mesmo nome só mudando de conta,você me segue denovo?PFVR!Eu amo minhas panthers e isso que ele fez quebrou meu coração..vou mandar essa msg para todas as pessoas (só que diferente)..e espero que elas entendam eu vou ficar reformando o Lucy Panther Pink até dia 20 e dar uma ''terapia'' em mim que a blogosfera não é fácil..ela muda e chateia muito :(..Eles mudaram o fundo da postagem e não dá para entender NADA ficou transparente,e o pior é que eu não mechi em NADA,dia 20 de janeiro tô de volta :),eu aviso tá?,beijos ><

    ResponderExcluir
  14. Bem legal o tutorial *-*, bem fácil de fazer ^^
    fashion em cores
    (com)

    ResponderExcluir
  15. Eu já li este livro e emocionei-me muito!!!
    Estou seguindo, se vc quiser, pode visitar meu blog: www.rosachiclets.com.br e curtir minha fanpage: https://www.facebook.com/BlogRosaChiclets

    Bjs - Suzana Rosa

    ResponderExcluir
  16. Flor mandei o e-mail..ah e eles mudaram logo no html porque na personalização tá como branco..você me ajuda?

    ResponderExcluir
  17. Esse tuto é muito bom, funciona msm, a prova disso é meu blog, haha' :)
    Amei seu blog, amei tudo aqui :D

    Adolescente Nerd

    ResponderExcluir
  18. Não consegui nao, fiz tudo certo mas nao sai do lugar e ajuda

    ResponderExcluir
    Respostas
    1. vc mudou o margin top e o left? Sem mudar o numeros deles nao sai do lugar mesmo.
      Beijos

      Excluir
  19. Tenho algumas duvidas me ajudem por favorrr, 1_ o codigo HTML que é pra ser colado acima de todos os outros, é no codigo dos gadgets, ou nos codigos do modelo? urgente.

    ResponderExcluir
  20. bom eu mudei o left e o top varias vezes mas ainda não deu certo tem como voce me add pelo face fica melhor para explicar.

    ResponderExcluir
    Respostas
    1. Olá Kelly, eu não tenho facebook.
      Tenta explicar aqui o erro que eu te ajudo.

      Excluir

Deixe um recadinho sobre o blog. Obrigada!

Related Posts Plugin for WordPress, Blogger...