Ajude o blog a continuar sem anúncios com uma contribuição.

5 de julho de 2010

Divulgar seu Twitter no blog com ícone

O twitter é uma das redes sociais mais usadas hoje em dia e também uma das mais divulgadas em blogs e sites, e então porque não divulgar o seu twitter ou de seu blog também ?
Com um pequeno código que vamos mostrar isso será possível, sendo mostrado um ícone ou imagem que direciona ao twitter.

O código é bem simples e curta mas antes de ver o código tenha seu ícone hospedado em algum site como ImageShak, escolhemos este ícone :
(Imagem retirada de IconFinder)

Antes de mais nada se ainda não sabe hospedar imagens de seu computador no ImageShack veja o tutorial :
E claro Siga-nos no Twitter também :
Agora sim vamos ao código que é o seguinte :

<a href='URL DE SEU TWITTER' title='Siga-nos no Twitter'><img src="http://img685.imageshack.us/img685/893/1278345543twitter128x12.png" /> </a>


- Veja as cores

Vermelho: o trecho destacado em vermelho mude para a URL de seu twitter, exemplo ''http://twitter.com/dicasmaistutos''.
Azul: o trecho azul significa a URL da imagem ou ícone, no caso o URL é da imagem que mostramos no começo do tutorial que você pode alterar se desejar, mas não é necessário caso tenha gostado do ícone apresentado.
Verde: o trecho em verde significa o titulo que ao passar o mouse por cima do ícone irá aparecer, altere se desejar.

Agora basta criar um Gadget HTML/JavaScript e colar o código sobre essa gadget.
Para criar uma Gadget abra seu blog vá em ''Design''> ''Elementos da Página''> ''Adicionar Gadget''> ''HTML/JavaScript'', que apresenta-se assim :





Como citamos, cole todo o código sobre essa gadget e depois click em ''Salvar'', pronto basta olhar seu blog com o ícone do seu twitter para todos que quiserem te seguir.
Veja o resultado clicando no ícone abaixo :







Veja Também :


0 comentários: