1. TugaTech » Software » Análises, Dicas e Artigos sobre Software

Siga-nos

Olá pessoal!

Aqui ensinarei como colocar buttons em seu sítio ou blog.

1-Primeiro basta hospedar a imagem em um site de hospedagem de imagens ou no seu própio site.
Depois pego o link da imagem.

2-O código abaixo é o html que faz um button para o seu site.

Código:
<a href="http://www.mediafire.com/?em21hbucbj9"><img src="http://img709.imageshack.us/img709/2894/downloadbuton.gif" /></a>

Agora substitua https://2img.net/r/ihimizer/img709/2894/downloadbuton.gif pela url da img.

3-Substitua http://www.mediafire.com/?em21hbucbj9 pelo link que você quer, que quando o botão ser clicado, você será redirecionado para esse link.

4-Pronto! Para mostrar outro exemplo para vocês e ver o resultado, vejam abaixo um código com botão do Tugatech com o link do fórum.

Código:
<a href="http://tugatech.com.pt/forum.htm"><img src="http://i67.servimg.com/u/f67/15/07/56/36/logoby10.png" /></a>


Clique aqui para baixar um html com o botão do tugatech(com o código acima)

Espero que gostem, até logo!

Supersonic933
Escrito por
Supersonic933

Encontrou algum erro neste artigo?



Comentário antigo:
Boas
Boa dica. Quando referes-te a colocar bottons terá de se mexer no tema do Wordpress se quiser fazer isso no Wordpress. Não é?

Comentário antigo:
@unon escreveu:Boas
Boa dica. Quando referes-te a colocar bottons terá de se mexer no tema do Wordpress se quiser fazer isso no Wordpress. Não é?

Visto o autor do tópico não ter respondido, eu ajudo. Wink

O código indicado em cima pode ser colocado em qualquer documento HTML, tanto pode ser o tema, como um post no Wordpress... Wink

Pelo que entendi sobre a sua questão, se tentar colocar o codigo no tema, o botão irá aparecer sempre na template do tema. Colocando num post ou numa pagina HTML, aparece apenas onde indicar.

Wink

Comentário antigo:
Serve em Blogspot?

Comentário antigo:
@Alexandre escreveu:Serve em Blogspot?

Este codigo pode ser utilizado em todos os locais que aceitem HTML...
Smile




Aplicações do TugaTechAplicações TugaTechDiscord do TugaTechDiscord do TugaTechRSS TugaTechRSS do TugaTechSpeedtest TugaTechSpeedtest TugatechHost TugaTechHost TugaTech