sexta-feira, 8 de julho de 2011

Colocando um botão “Me tire daqui” no blog

Visitei muitos blogs com um botão escrita a seguinte frase ‘Me tire daqui’, com principal objetivo de redirecionar você a outra página caso alguém chegue e veja você vendo algo que não teria que estar vendo. Achei bem interessante esse botões e criei alguns que podem ser usado principalmente em sites humorísticos. Ao clicar nele, o usuário será redirecionado para um link no qual você poderá escolher. O botão ficará localizado na parte inferior do lado esquerdo do blog e não será afetado quando a página for rolada.

Para instalar esse botão em seu blog, faça o seguinte:

1. Vá em ‘Layout’ –> ‘Adicionar um gadget’ –> ‘HTML/Javascript’. 

2. Cole um dos seguintes códigos:

bot2

<div style='position: fixed; bottom: 0px; right:5px;'><img name="bot2" src="http://codigosblogger.webs.com/Gadgets/Bot%20me%20tire%20daqui/bot2.png" width="133" height="116" border="0" id="bot2" usemap="#m_bot2" alt="" /><map name="m_bot2" id="m_bot2"><area shape="circle" coords="63,58, 55" href="LINK DE DESTINO" alt="" /></map></div>

 

Bot3

 

<div style='position: fixed; bottom: 0px; right:5px;'><img name="Bot3" src="http://codigosblogger.webs.com/Gadgets/Bot%20me%20tire%20daqui/Bot3.png" width="152" height="116" border="0" id="Bot3" usemap="#m_Bot3" alt="" /><map name="m_Bot3" id="m_Bot3"><area shape="circle" coords="69,55, 61" href="LINK DE DESTINO" alt="" /></map></div>

Bot4

<div style='position: fixed; bottom: 0px; right:5px;'><img name="Bot4" src="http://codigosblogger.webs.com/Gadgets/Bot%20me%20tire%20daqui/Bot4.png" width="184" height="116" border="0" id="Bot4" usemap="#m_Bot4" alt="" /><map name="m_Bot4" id="m_Bot4"><area shape="rect" coords="19,24,158,100" href="LINK DE DESTINO" alt="" /></map></div>

 

3. Depois de ter colado, você terá que substituir a parte destacada de vermelho no código pelo link no qual você quer que abra quando alguém clicar. As partes linkadas nos códigos são o endereço da imagem, você pode estar trocando ele por outro link de uma outra imagem do mesmo tamanho.

4. Feito as alterações, salve e pronto.

Marcadores: , , , ,

1 Comentários:

Às 15 de julho de 2011 02:23 , Blogger Marcio Antonelli disse...

Muito eficiente e útil.

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial