Botão do Wathsapp para o Blogger

Escolha um dos códigos que está dentro da tabela, coloca no “HTML/JavaScript” e verifica se ficou como você gostaria.

Você também pode fazer as alterações conforme sua preferência.

O texto fale conosco você pode mudar.

Não esquece do número do seu Wathsapp:
- O 55 não muda,
- O 46 você coloca o seu código de área,
- Depois vai o seu número (000000).

<div style="height:80px – Esse valor representa a posição acima do ícone. Conforme você aumentar o valor o texto sobe mais.

<font face=tahoma color="blue" style="font-size: 16px">Fale conosco!</font>

<img alt="Botão Wathsapp" style="height:60px; position:fixed; bottom: 100px; right: 25px; z-index:100;"

src="https://www.mediafire.com/convkey/4f75/6504rhobhs1cg6xzg.jpg" />

</a></div>

---------------------------------------------------

<div style="height:100px - Esse valor representa a posição no meio do ícone. E este valor right: 90px representa a posição horizontal para não ficar em cima do ícone. Conforme você aumentar ou diminuir os valores o texto muda de posição.

<font face=tahoma color="blue" style="font-size: 16px">Fale conosco!</font>

<img alt="Botão Wathsapp" style="height:60px; position:fixed; bottom: 100px; right: 25px; z-index:100;"

src="https://www.mediafire.com/convkey/4f75/6504rhobhs1cg6xzg.jpg" />

</a></div>

--------------------------------------------------

<div style="height:60px – Esse valor representa a posição abaixo do ícone. Conforme você diminuir o valor o texto desce mais.

<font face=tahoma color="blue" style="font-size: 16px">Fale conosco!</font>

<img alt="Botão Wathsapp" style="height:60px; position:fixed; bottom: 100px; right: 25px; z-index:100;"

src="https://www.mediafire.com/convkey/4f75/6504rhobhs1cg6xzg.jpg" />

</a></div>

Qualquer dúvida escreve nos comentários.

MisturaDicas

Pesquisar este blog

Botão do Wathsapp para o Blogger

Comentários

Postar um comentário