Tutorial - Redes sociais no cabeçalho

quinta-feira, 9 de janeiro de 2014


Estou a procura de uma colaboradora sobre moda, quem se disponibiliza? Entre em contato por email: luadeoutubroblog@hotmail.com

Tem muitos tutorias sobre isso que são muito grandes e confusos, achei um no Kawaii World (os créditos) que é super facinho e não temos que excluir o cabeçalho nem mapear imagem, serve pra menu também


Primeiro crie um gadget html/js e cole o seguinte código
<div style="position: absolute; margin-top: -100px; left: -200px;">
Depois de inserido cole o código do seu menu ou o código das redes sociais, o meu ficou assim:

<a href="linkdofacebook"><img src="LINKDAIMAGEM" /></a><a href="linkdoflickr"><img src="LINKDAIMAGEM" /></a><a href="linkdotumblr"><img src="LINKDAIMAGEM"></a><a href="linkdotwitter"><img src="LINKDAIMAGEM" /></a>
No fim do código, acrescente
</div>

Seu gadget no cabeçalho está prontinho, gostaram do resultado? Deu certo? kkkkk. Mas lembrando que;

Margin-top: Se você diminuir o número, ou seja, de -200 pra -300 seu gadget vai subir, se você aumentar vai descer
Left: O mesmo processo, se diminuir vai para direita, se aumentar para a esquerda.

Essa parte fica a seu critério, pode editar como bem preferir no seu cabeçalho. ♥

3 comentários:

  1. Legal esse tutorial =D Ajuda bastante quem está no início dos seus blogs ^^

    http://refugiorustico.blogspot.com.br/

    ResponderExcluir
  2. Valeu pelo tutorial!!
    Beijos ♥

    featglam.blogspot.com

    ResponderExcluir
  3. Muito útil, tem muita gente que precisa!

    http://blogmylittlecandy.blogspot.com.br/

    ResponderExcluir

- Comentários do tipo "Segue, sigo de volta" Não serão aceitos
- Leia o post antes de comentar
- Deixe o link do seu blog no fim do comentário, terei o maior prazer em visitar.
- Aceito tags
- Não tenho tempo de responder todos os comentários mas todos são lidos e retribuidos
- Lembrando que qualquer um pode comentar, não necessariamente uma blogueira.