sexta-feira, 3 de maio de 2013

Ajuda com programas de computador #5: Botão ( ou balão ) de redes sócias para blog

Hoje eu vou recomendar a melhor maneira de botar botões ( ou balões ) de redes sócias no seu blog que é modelo:





Primeira observação obvia é: que vai fica no canto da tela e eles abaixam junto com o mover da pagina. 
Bom agora vou vai em "Layout" e depois clique em "Adicionar um Gadget" e adicione "HTML/JavaScript": 


E cole esse código dentro da caixa do "HTML/JavaScript":

<a href="link da rede social" style="position: fixed; left: 2px; top: 100px;" target="_blank">
<img border="0" heigth="48" src="link do ícone" title="Nome da rede social" width="48" /></a>

<a href="link da rede social" style="position: fixed; left: 2px; top: 150px;" target="_blank">
<img border="0" heigth="48" src="link do ícone" title="Nome da rede social" width="48" /></a>

<a href="link da rede social" style="position: fixed; left: 2px; top: 200px;" target="_blank">
<img border="0" heigth="48" src="link do ícone" title="Nome da rede social" width="48" /></a>

<a href="link da rede social" style="position: fixed; left: 2px; top: 250px;" target="_blank">
<img border="0" heigth="48" src="link do ícone" title="Nome da rede social" width="48" /></a>

<a href="link da rede social" style="position: fixed; left: 2px; top: 300px;" target="_blank">
<img border="0" heigth="48" src="link do ícone" title="Nome da rede social" width="48" /></a>

<a href="link da rede social" style="position: fixed; left: 2px; top: 350px;" target="_blank">
<img border="0" heigth="48" src="link do ícone" title="Nome da rede social" width="48" /></a>

<a href="link da rede social" style="position: fixed; left: 2px; top: 400px;" target="_blank">
<img border="0" heigth="48" src="link do ícone" title="Nome da rede social" width="48" /></a> 

Agora a descrição das cores:

De verde você subistitui pelo link da pagina da sua rede social.

De vermelho é o tamanho da imagem, então se você quiser aumentar o tamanho adicione 50 para cada um "px".

De azul você vai botar o link da imagem que você escolheu para aparecer como botão da rede social.

De roxo você vai botar o nome da rede social por exemplo: Facebook

Se for adicionar mais botões ( ou balões ) é so botar esse código em baixo, como uma continuação:

<a href="Link da rede social" style="position: fixed; left: 2px; top: 450px;" target="_blank">
<img border="0" heigth="48" src="link do ícone" title="Nome da rede social" width="48" /></a>

PS: Não se esquece de que para cada mais um adicionado você terá que adicionar mais 50 no "px".

Depois clique em salvar e pronto.

Espero que esse artigo lhe ajude, até a próxima.

Nenhum comentário:

Postar um comentário