Aprenda a criar o seu próprio Widget

ATENÇÃO: ESTE ARTIGO FOI SUBSTITUIDO PELO ARTIGO: Crie seu próprio widget com o aplicativo Widgetic

Motivo: O aplicativo Widgetox não está mais disponível.

atualizado em 23/03/2017

Crie o seu Widget com o Widgetbox

Como vimos no artigo “Widget, o que é e para que serve?”, os widgets são fundamentais no seu blog tanto pelos seus atrativos, funcionalidade e facilidade de utilização, como pela excelente ferramenta de interação entre o seu blog/site e seus leitores…

Para consegui-los, além de você importar widgets de diversos sites especializados na internet, nada melhor do que você mesmo criar os seus próprios.

Widgetbox

Com o Widgetbox é possível construir e editar widgets em flash, html, javascript ou importando widgets ou gadgets em php ou xml. Também é possível a criação destes mini aplicativos sem precisar de nenhum conhecimento de programação.

O Widgetbox também é uma uma rede social onde você pode compartilhar e divulgar os seus widgets com outros usuários. Nele você poderá encontrar e importar milhares de widgets prontos e bem divertidos.

O site é gratuito, porém para obter recursos mais elaborados é necessário pagar uma taxa mensal e se associar ao Widgetbox Pro.

A seguir vamos ver algumas ferramentas de construção do WidgetBox e um exemplo simples de criação de um widget utilizando apenas o URL do seu blog ou site :

1) Acesse o site http://www.widgetbox.com 

2) Cadastre-se clicando em Join Now, inserindo apenas o Usermame, Password e e-mail (muito simples). Se você possuir cadastro no Facebook basta conectá-lo, pois o WidgetBox é totalmente integrado com ele.

3) Após cadastrado, acesse o site em Sign In, colocando o e-mail e a senha

4) Entre no editor de widget clicando em Make a Widget

5) Escolha o tipo de widget que deseja construir:

a) Flash: Copie diretamente o “embed code” ou entre com o seu URL do arquivo SWF (widgtes em flash). Com esta ferramenta, você poderá criar animações em flash (SWF) e transformá-lo em um widget bem atrativo.

Exemplo de um widget em flash:

 

b) HTML/JS: Construa o seu widget utilizando HTML ou JavaScript (é necessário conhecimento de programação) ou coloque o código de um widget pronto e altere a vontade…

 

 Exemplo de um widget em HTML:

 

C) Remote: Registre um widget do seu blog no WidgetBox e compartilhe com todos usuários do site. Você poderá importar widgets em flash, php, html, js ou em xml.

 

 

d) Blog/Feed: Crie uma lista de artigos recentes do seu blog inserindo apenas o URL ou feed (RSS/ATOM).

Exemplo de um widget em Blog/Feed:

 

e) Gadget: Crie um Widget a partir de um gadget do Google

Exemplo de construção e publicação no WidgetBox

Utilizaremos como exemplo a ferramenta Blog/Feed do WidgetBox

1) Entre em Blog/Feed e digite o URL do seu blog

2) Clique em <continue>

3) Otimize o seu widget alterando os parâmetros de:

CUSTOMIZE CONTENT: Lay out e conteúdo

DESIGN LOOK & FEEL: Dimensões e aparência

EDIT GALLERY DETAILS: Parâmetros para a inclusão na galaria de widgets do WidgetBox

4) Feito as alterações desejadas, salve o seu widget em <SAVE BLIDGET>

5) Selecione a caixa de seleção: “I have read and agree….” e clique em <SAVE BLIDGET>

6) Feito, agora clique em <GET WIDGET> para obter o código HTML (Embed Code) para que você insira no seu blog ou site

7) No meu exemplo, teremos os seguinte widget

Pronto, agora você já criou um novo widget para o seu blog que poderá ser compartilhado com outros usuários e parceiros da blogsfera….

Para ver seus widgets, basta clicar em <MyWedgeBox> na barra de ferramentas superior:

Agora é com você, aproveite todos os recursos do widgetbox e boa diversão…

até mais…

Angelo [byALF]

 

ATENÇÃO: ESTE ARTIGO FOI SUBSTITUIDO PELO ARTIGO: Crie seu próprio widget com o aplicativo Widgetic

Motivo: O aplicativo Widgetox não está mais disponível.