28 de fev de 2013

Tutorial - Colocando Ícones de Redes Sociais no Blog


Hey People's, faz um tempão que não trago um tutorial para vocês não? Então, vim ensinar como colocar ícones de redes sociais no blog, assim como os meus, em baixo da foto do Mrs. Califórnia.


Vá em Design > Elementos da Página > Adicionar um Gadget > HTML/JavaScript

Copie e cole o código a seguir: 
<p style="float: left; margin-right: 10px;"><a href="LINKDASUAREDE" target="_blank"><img border="0" src="LINKDAIMAGEMDOICONE"></a></p>

Entenda:

FLOAT: ele determina a posição do seu objeto no HTML. Você pode alterar left por right (esquerda por direita) ou ao contrário.

MARGIN-RIGHT: determina o espaçamento de um ícone e outro. Você pode alterar o 10px - quanto maior os pixels (px) maior o espaçamento. E pode alterar o right por left (direita por esquerda), ficando margin-left.

LINKDASUAREDE: altere 'LINKDASUAREDE'. Não remova o apóstrofe! É só colocar o link da página que você quer que abra. Ex: twitter, facebook, etc.

LINKDAIMAGEMDOÍCONE: altere sem remover o apóstrofe, o procedimento é o mesmo do LINKDASUAREDE, porém você coloca a URL da imagem.

Importante: Para acrescentar mais ícones é só copiar o primeiro código para todos e colar um embaixo do outro, alterando o link da rede e da imagem do ícone.

E aqui para vocês alguns ícones que eu achei no Chiclete Violeta:










 


Ou também se não quiserem coloridos podem achar aqui, são vários tipos de icons do tumblr.
Espero que tenham gostado, beijinhos.


Créditos: Quinze Desejos

5 comentários:

  1. Omg, são tão top! *u*
    Vou ver se uso no meu próximo lay. ;))

    Bjks
    Ela é linda demaiis!
    Eu já conheço o blog dela, inclusive sou seguidora do blog. ♥
    É super fofa. ^^.

    Bjks
    Hayanne Deise Lins
    *Profissão Adolescente*
    *Il Mio Mondo Sei Tu*
    >>Facebook<<
    >>Twitter<<

    ResponderExcluir
    Respostas
    1. Foi mal,copiei os meus links com um comentário de outro blog xd

      Excluir
  2. Muito Top,Vou Usar No Meu Proximo Lay,Bjos

    ResponderExcluir
  3. Nossa procurei esse tuto mais nunca achava :/ obrigado me ajudou *-*
    http://thing-of-kawaii.blogspot.com.br/

    ResponderExcluir
  4. lindo blog , seguindo , segue de volta ? http://prettywoman-on.blogspot.com.br/
    confira , de uma passadinha por la

    ResponderExcluir