04 outubro 2014

Gadgets de redes sociais para Blog | Estilo Metro



Hoje eu vou ensinar como colocar um gadget de redes sociais estilo metro no seu blog. 
Ele é muito simples de instalar e personalizar e o melhor não precisa ser colocado dentro do HTML do seu templete. 


O modelo dele é o da imagem acima.

TUTORIAL


1.  Acesse o seu blog. 

2. Vá em Layout e clique em Adicionar um Gadget.

2º - Selecione HTML/Javascript, cole o código


Personalizando

• Onde está escrito "LINK_DO_XXX", será onde você colocará o endereço correspondente de cada um.
Exemplo:
<li><a class="fb" href="LINK_DO_FACEBOOK" target="_blank" rel="nofollow"></a></li>

será

<li><a class="fb" href="https://www.facebook.com/Quero.Dicas" target="_blank" rel="nofollow">


• Eu deixei ao lado de cada código, para que seja mais fácil onde você poderá alterar a mudança de largura e cor.

Exemplos:

background:url (xxxxxxxxxxxxxx) no-repeat center center #1f69b3;width:138px;height:142px} /* largura do FaceBook */


Atenção!
Este código está para a largura de sidebar de 270 px.
Caso a sua sidebar seja mais larga ou menor, basta alterá-la onde eu deixei escrito ao lado.

Vá alterando até ficar corretamente na lateral do seu blog.
Caso tenha alguma dúvida, deixe seu comentário! =D

Beijinhos

Os créditos são do blog prodeveloper
Apenas fiz algumas alterações =D

Nenhum comentário:

Postar um comentário

Amigos do Blog



Agregadores