1. TugaTech » Software » Análises, Dicas e Artigos sobre Software » [Tutorial] Como colocar bottons com links em seu sítio ou blog em programação HTML.
  Login     Registar    |                      
Siga-nos

Você não está conectado. Conecte-se ou registre-se

  

Opções



Mensagens anteriores

em Sex 10 Dez 2010 - 14:59

DJPRMF

Alexandre escreveu:Serve em Blogspot?


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

em Sex 10 Dez 2010 - 14:55

Alexandre

Serve em Blogspot?

em Sex 10 Dez 2010 - 14:51

DJPRMF

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

em Ter 30 Nov 2010 - 17:25

unon

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

[Tutorial] Como colocar bottons com links em seu sítio ou blog em programação HTML. em Ter 30 Nov 2010 - 17:16

Supersonic933

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!



  As mensagens apresentadas em cima não são actualizadas automaticamente pelo que se uma nova mensagem for colocada enquanto se encontra nesta página, não irá aparecer na lista em cima.


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