19 dezembro, 2013

Como colocar os botões das redes sociais em seu blog



Oi galerinha, hoje vim mostrar como colocar os botões das redes sociais no seu blog. Vamos lá!.


Primeiramente vá  design -> Adicionar Gadget -> HTML/JavaScript -> Cole este código (mais não coloque título )


< a href="LINK DA REDE SOCIAL">
< img src="
URL DA IMAGEM " /> 


NÃO SE ESQUEÇA DE TIRAR O ESPAÇO ENTRE < A E < IMG .

Vamos entender este código:

a onde eu marquei de:

Vermelho: Coloque o link da sua rede social 
Azul escuro: O url da imagem


Exemplos de como ficaria o do meu facebook e do meu twitter:

Facebook:

< a href="https://www.facebook.com/FofurasDeGarotas?ref=hl"> 

http://3.bp.blogspot.com/aYOwXFIMHEo/UrJZQEBrw9I/AAAAAAAAEd0/nNiiIzotUZA/s1600/fb8.png" /> 


Twitter:

< a href="https://twitter.com/vivianKitten2"> 
http://3.bp.blogspot.com/U3g9eU9g6lw/UrJZQUFgRqI/AAAAAAAAEd4/i3wYB1oeppU/s1600/twitter-bird.png" /> 

Este modelo que estou apresentando está preparado para 1 rede social, mas se você quiser acrescentar mais basta colar este código na quantidade de redes sociais que deseja apresentar em seu blog 

Exemplo: 


Vou mostrar com duas redes sociais 

o código ira ficar assim:


http://3.bp.blogspot.com/aYOwXFIMHEo/UrJZQEBrw9I/AAAAAAAAEd0/nNiiIzotUZA/s1600/fb8.png" /> 

< a href="https://twitter.com/vivianKitten2"> 
http://3.bp.blogspot.com/U3g9eU9g6lw/UrJZQUFgRqI/AAAAAAAAEd4/i3wYB1oeppU/s1600/twitter-bird.png" /> 


Após personalizar todos os campos aperte em salvar. Arraste seu gadget para onde deseje que ele fique. Depois clique em salvar alterações só isso e está pronto.


Separei alguns ícones para vocês usarem. As imagens que desejar salve-as em seu computador hospede-as e use á vontade.





                        
                 








 
















Como hospedar as imagens usando o próprio blogger:

Crie uma postagem-rascunho, que nunca será publicada. Faça upload das imagens que deseja usar. Após carregar todas clique sobre cada uma delas com o botão direito do mouse. Então selecione a opção copiar link (se estiver usando o Firefox), copiar url da imagem (se estiver usando o Chrome) ou ainda este é o endereço http de sua imagem.


Qualquer dúvida comente que eu ajudarei.


E é só beijos galerinha espero que tenham gostado!!!!


Se gostou compartilhe com os amigos ou segue o blog.


até a próxima!!.




6 comentários :

  1. Oi,queria saber si você topa parceria aqui está meu blog
    http://raffamarinho.wordpress.com/

    ResponderExcluir
  2. adorei o blog, estou te seguindo, sdv?http://duringthefifteenyears.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Também adorei o seu e já estou seguindo!!!

      Beijos

      Excluir
  3. Amei ♥
    http://www.blogarotaestranha.blogspot.com.br/

    ResponderExcluir
  4. Aprende a escrever primeiro, antes de postar alguma coisa. Não é 'mais', é 'mas'.

    ResponderExcluir
  5. Adorei seu blog!!
    http://tuddoemaisumpouc.blogspot.com/

    ResponderExcluir


- Aceito críticas, mas sem xingamentos;
-Aceito parcerias
- Deixe o endereço do seu blog para que eu possa retribuir;
- Se seguir o blog eu retribuo.
- Volte sempre!