20 de nov de 2013

Colocar gadget no cabeçalho do blog

Olá pessoal, como vocês estão? Eu passei uma noite péssima, minha mãe não dormiu com
o braço e eu fiquei acordada até às quatro e meia da manhã. Bem já passou, vamos ao
tutorial, este é um tutorial super fácil e muito útil para blogs.

Vá no Painel do Blogger >> Layout >> Adicionar um Gadget >> HTML/JavaScript >> Deixe a área do Título em branco e na área do Conteúdo cole o seguinte:
<div style="margin-left: 35px; margin-top:-292px;margin-bottom: 50px;"> CÓDIGO DO SEU GADGET</div>
 Altere a parte em negrito pelo código do seu gadget. Para posicionar o gadget basta alterar as partes em roxo até ficar na posição desejada. Alterando o "35" seu gadget vai mais para a esquerda, o "-292" seu gadget vai mais para cima e o "50" quanto maior o número, maior a distância entre o cabeçalho e a área das postagens.
Se quiser colocar mais de um gadget no cabeçalho basta repetir o código no mesmo gadget.
<div style="margin-left: 35px; margin-top:-292px;margin-bottom: 50px;"> CÓDIGO DO SEU GADGET</div><div style="margin-left: 45px; margin-top:-282px;margin-bottom: 40px;"> CÓDIGO DO SEU GADGET</div>
Mude os valores se precisar.
Lembrando, valores negativos(-) quanto maior ele sobe e positivos (+) desce.

4 comentários :

  1. Não deu certo não consigo alterar o tamanho! tem como vc me explicar melhor?
    bjos

    ResponderExcluir
    Respostas
    1. Olá Tatiane, excelente pergunta.
      Cada gadget tem seu tamanho, para você
      alterá-lo tem que ir no código do gadget no layout e modificar seu tamanho.
      Para você alterar os valores do código da postagem, preste atenção:
      Valores negativos- quanto maior ele sobe o gadget.
      Valores positivos- é ao contrário, quanto maior o valor o gadget desce.

      div style="margin-left: 35px; margin-top:-292px;margin-bottom: 50px
      No exemplo acima:
      left:35px- está positivo, caso fique difícil e chato de mexer mude os valores
      para negativo.
      Se você diminuir, ele vai para a direita, se aumentar para a esquerda.
      Mude para right caso fique muito "longe" e chato de mexer.
      Com margin-top é a mesma coisa.
      Já o margin-bottom- retire se estiver dando erro e vc não souber mexer.
      O jeito é ir tentando e salvando até dar certo, depois fica mais fácil ir descobrindo as medidas.

      Espero ter ajudado.

      Excluir
  2. Claudine, me ajudaa.. Como sou praticamente novo com blog {e tbm meio burra}, não entendi uma coisa, você poderia de explicar? Lá vai:: Como assim colocar o código do gadget? Se puder ajudar eu agradeço. Bjks..

    Estou fazendo umas reformas no blog.
    http://sweetiecherryblog.blogspot.com.br/
    Alias, obg por seguir

    ResponderExcluir
    Respostas
    1. Mel, para você colocar o gadget, este gadget tem que ser o html/java script.
      O código que se coloca são os menus, seguidores com um botão, afiliados, créditos, etc.
      Olhe o cabeçalho do blog, tem um menuzinho no topo, coloquei no gadget html/java script com o código do menu, só que para deixar o menu do jeito que eu queria utilizei este código: div style="margin-left: 35px; margin-top:-292px;".
      Onde tem código do gadget coloquei o código do menu.
      Para deixar no lugar correto mexa nos valores left e top.
      Espero ter ajudado.

      Excluir

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo