• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

2 de fevereiro de 2013

[Pedido] Gadgets no cabeçalho + Seguidores no cabeçalho

Tumblr_mhl5je7lmc1rtx5nmo1_1280_large
Hooý chocolates zumbificados, tudo bem?
Ok, ok, estou vendo muito The Walking Dead, mas é que a cada dia fica melhor, é inevitável, quem não vê não sabe o que perde. Agora irei atender a um pedido da Nika chan do blog Smile Candy.

 O tutorial de hoje  será de como colocar qualquer gadget no cabeçalho, incluindo o gadget de seguidores, credito o blog Kawaii World, e quero dizer que estou muito feliz por mais uma vez sermos afiliados.

Clique e se salve dos zumbis
Colocando gadgets no cabeçalho de forma fácil:

Depois de colocar seu gadget, cole o trecho abaixo antes do código que você queira que fique no cabeçalho: 

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

E depois, para fechar o código, cole isso abaixo do código que você quer que fique no cabeçalho:

</div>

margin-top: sobe
Left: para a direita, caso queira para a direita, mude para right

Exemplo de como deve ficar:
 <div style="position: absolute; margin-top: -100px; left: -200px;">Seu código</div>

Colocando gadgets de seguidores no cabeçalho:

Adicione o gadgets de seguidores e vá em editar HTML, dê Ctrl+F e procure por:

<div id='Followers1-wrapper'>

Fazendo isso, você irá encontrá-lo seguido de vários códigos, copie apenas de <div id='Followers1-wrapper'> até:

</script>
</div>
</div>

Após copiar o código, exclua seu gadget de seguidor. Cole o que você acabou de copiar em um gadget HTML/ JavaScript, ele irá aparecer normalmente, só que poderá ser editado.
 Para colocá-lo no cabeçalho, use o tutorial acima
Para editá-lo, no código que você copiou, irá aparecer algo assim:

skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Seguidores";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#666666";
skin['ENDCAP_LINK_COLOR'] = "#eb8bab";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#eb8bab";
skin['CONTENT_TEXT_COLOR'] = "#666666";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#eb8bab";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#eb8bab";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";

Face_Size: tamanho da foto;
Height: altura do gadget.

Espero que tenham gostado.

17 comentários:

  1. Adoreeei o tuto! Já tinha visto la no KW, suuper interessante! rs
    Beijos..
    Cupcake de Morango | Fan Page

    ResponderExcluir
  2. Ótimos tutos!
    space-sweet-girl.blogspot.com.br

    ResponderExcluir
  3. Eu uso o gadget dos seguidores no cabeçalho no meu blog *-* otimo tuto.
    http://catchingfeelings-love.blogspot.com.br/

    ResponderExcluir
  4. Ótimo tutorial *-*
    Está bem explicadinho <3
    Obrigada por aceitar, já te coloquei ,viu ?
    http://cherrypimenta.blogspot.com

    ResponderExcluir
  5. Ótimo tutorial, oótimo blog, ameei tudo aqui e com certeza ja to seguindo *--*
    beeijooo
    encantos-de-princesa.blogspot.com

    ResponderExcluir
  6. Eu acho muito interessante! Mas não faz meu estilo de layout, pois costumos fazer meus lays sempre muito simples ;)

    http://garota-equivocada.blogspot.com.br/

    ResponderExcluir
  7. Brigadinha pela dica, talvez use o3o
    Tem tag lá no meu blog: http://layrakauana.blogspot.com.br/2013/02/tag-11-perguntas-o.html
    #May-Sun

    ResponderExcluir
    Respostas
    1. Não consegui T^T queria colocar o de seguidores, mais não aparece "div id='Followers1-wrapper".Me ajuda?

      Excluir
  8. Adorei o tutorial! Já conheço e super uso o primeiro ^^
    Beijocas!

    PiinkCookie.blogspot.com

    ResponderExcluir
  9. hanna , só pra avisar que eu salvei o gif da sua dash ! eu achei bunitinho se quiser é só pedir que eu tiro : http://quaseprincipa.blogspot.com.br/2013/02/nova-escritora-glenda.html

    ResponderExcluir
  10. Respostas
    1. É só você ir ajustando os números "-100px" e "-200px" até chegar ao lugar exato

      Excluir
  11. Aaa obrigada mesmo ! Procurei em todos os cantos e não consegui, muitoooooo obrigada de coração, caso eu precise de novo fazer esta experiencia, já adicionei nos favoritos
    miss-teensami.blogspot.com
    Seguindo, retribui ?

    ResponderExcluir
  12. Valeu, estava precisando mesmo. Obrigado. http://www.dicasgadgets.com/

    ResponderExcluir
  13. Cara eu sou muito burra >< Não entendi :'( Queria muuuito aplicar no meu bloog

    ResponderExcluir