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>
<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>
<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