Blog Quero Dicas : Gadgets de redes sociais para Blog | Estilo Metro


Gadgets de redes sociais para Blog | Estilo Metro

| |



Hoje eu vou ensinar como colocar um gadget de redes sociais estilo Metro no seu blog ou site. 

Ele é muito simples de instalar e personalizar e o melhor não precisa ser colocado dentro do HTML do seu templete. 


O estilo deles é a imagem ao lado ←



TUTORIAL

1º - Acesse o seu blog. Vá em "Layout" e clique em adicionar "Adicionar um Gadget".

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

Código do Gadget


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



Compartilhe

* Você reservou um tempinho para comentar? *

Desde já agradeço!

Mas, devido a falta de tempo, não prometo responder a todos os comentários.

Mais, farei o possível, ok? Beijinhos!


Nenhum comentário:

Postar um comentário

subir