PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Publicidade:

Encontre no blog...

27/08/2009

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

http://edubuzz.org/blogs/david/files/2007/08/wbx-logo-vl.gif

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.

image

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

image

5) Escolha o tipo de widget que deseja construir:

image

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.

 

image 

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

image

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

legal

2) Clique em <continue>

image

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>

image

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

image

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:

image

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.

6 comentários:

Enio Rudney disse...

Vlw cara, muito bom as suas dicas.

visite o meu tbm...

http://www.humordesal.com.br/

Mauricio Lace Q. de Souza disse...

Ai cara um widget igual ao que você usa no Top BLogs e agregadores no seu site . Onde eu possa colocar vários links e fotos. COmo faço esse widget?

maria digna cavalcanti disse...

gente!! não há nada de facilidade no site flite!! Onde está a página para se cadastrar? Não há nenhum join now!! Tem a página para login, mas a do cadastro, onde fica??!!

Angelo Luis Ferreira disse...

Olá Maria Cavalcanti,

De fato o Widgebox foi desativado e redirecionado pelo aplicativo Filite, um gerenciador de HTML5, bem complexo.

Vamos atualizar este artigo substituindo o Widgetbox por um serviço similar, menos elegante que o Widgetbox, mas enfim, o mais próximo que encontramos...

Se você quiser ver como funciona, aí vai o link widgadget

Obrigado...

destakcor disse...

Cade o campo para fazer cadastro:

Visual Dicas disse...

Olá destakcor,

Infelizmente o aplicativo Widgetbox não está mais disponível. Fizemos uma atualização dando o link de um outro aplicativo muito bom também...

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More