Arquivos do Website:

Widget de link-me com botão exclusiva para blogs hospedados na plataforma Blogger


Disponibilize no seu blog, uma widget de link-me com botão, para os visitantes linkarem o seu blog. Esta widget é bem discreta, não ocupa espaço e também não polui visualmente o seu blog; ela funciona exclusivamente em blogs hospedados na plataforma Blogger. Como funciona? Quando uma pessoa clicar no botão da widget, ela será direcionada para a página Adicionar elemento de página; basta a pessoa escolher o blog, escolher o título (o título não é obrigatório) e depois clicar em ADICIONAR WIDGET. Em instantes, o banner do seu blog estará na página do blog do(a) seu(ua) visitante parceiro(a).



Imagem: www.ruralcentro.com.br

Abaixo, encontra-se o código que você deve copiar e adicionar num elemento de página do seu blog; personalize o código conforme as instruções:

<form action="http://beta.blogger.com/add-widget" target="_blank" method="post">
<input value="" name="widget.title" type="hidden"/>
<textarea style="display: none;" name="widget.content">
<!-- Código del enlace -->
<div align="center"><a href="ENDEREÇO URL DO SEU BLOG!/"target="_blank"><img src="ENDEREÇO DA IMAGEM DO BANNER DO SEU BLOG!"/></a></div>
</textarea>
<input value="DESCRIÇÃO DO BOTÃO" name="go" type="submit"/>
<input value="http://blogandweb.com/2007/06/06/como-crear-un-widget-para-que-agreguen-un-enlace-a-tu-blog/" name="infoUrl" type="hidden"/>
</form>

Adicionando o código no blog:

1)Faça login no painel de controle do Blogger;
2)Escolha a opção Design;
3)Em Design, escolha a opção Adicionar um Gadget;
4)Abrirá uma pequena janela, escolha a opção HTML/JavaScript, e cole o código do link-me dentro do gadget;

Personalizando o código:

A)Primeiro coloque o endereço do seu blog no local indicado, ex: http://www.freedicas.com/;
B)Depois, coloque o endereço da imagem do banner do seu blog no local indicado, ex: http://3.bp.blogspot.com/_cKt4Rh8NsVo/TN2Z3Y3ygtI/AAAAAAAAC9w/mcM7jr42kWE/s1600/super+logo.gif (Caso você não saiba onde ou como hospedar a imagem do banner, considere ler este artigo: Hospedando imagens no próprio blog)!
C)E, por último, coloque a descrição do botão do gadget link-me no local indicado, ex: Link-me, Linkar este blog, Parceria etc; use sua criatividade para criar um texto legal e cativante!
D)Agora que você já personalizou o código, clique em Salvar;
E)Visualize o seu blog e teste o botão para ver se está funcionando direito!

Faça um teste no botão abaixo do gadget link-me personalizado:





Esse código estava perdido numa pasta de códigos que tenho no meu computador; hoje inventei de fazer uma revisão nos meus arquivos e me deparei com esta dica interessante! O código foi criado há muito tempo pelo Francisco do blog Blog and Web; eu apenas fiz algumas pequenas alterações na parte do "código del enlace"