Archive for the Widgets Category

Crie formulários para sites e blogs – serviço gratuito

Posted in AJAX, Blogosfera, Dicas, editor de imagens gratuito, Efeitos Digitais, ferramentas online, Geradores, HTML, JavaScript, Programação, serviços online, Tecnologia, Utilitários, Web2.0, Webdesign, Widgets with tags , , , , , , , , , , , , , , , on 18, julho 2008 by andreiacandido

Para os que não possuem muito conhecimento em programação de formulários ou para os que desejam ganhar tempo em seus projetos web, encontramos 2 serviços bem úteis, que fornecem ferramentas profissionais capazes de criar formulários para serem utilizados em sites e blogs gratuitamente.

FormFacil (site em Português BR): para usar o serviço é necessário cadastro, para isso, entre no site e clique em Cadastre-se, aparecerá um popup para inserção dos seus dados. Ao logar-se, você poderá criar quantos formulários desejar, configurando-os de acordo com as instruções, criando campos específicos, de acordo com sua necessidade, podendo deixar seu formulário público ou não, depois, basta copiar o código gerado para seu site/blog, para que seus visitantes possam entrar em contato com você. Também é possível ver relatórios, exportar os dados recebidos para seu computador, podendo abrí-los no Excel, em formato CSV. O interessante é que o mesmo desenvolvedor do site FormFacil também criou um outro site chamado ImagemFacil, que oferece um serviço para edição de imagens e, quem fizer seu cadastro em um dos serviços, poderá utilizar o mesmo login e senha para os dois sites, sem a necessidade de cadastrar-se duas vezes. O ImagemFacil oferece diversos recursos para edição de imagens online, inclusive bordas decorativas para fotos digitais, emblemas de times de futebol e vários efeitos de filtros.

Kontactr (site em Inglês): Com ele é possível ter em seu site/blog um formulário de contato estilo Web2.0, muito simples e fácil de usar.  Para utilizar o serviço é necessário cadastro: clique aqui. Após o cadastro você receberá um email para ativar sua conta. Ao logar-se, você será direcionado à uma página onde poderá copiar e colar os códigos disponíveis. Existem códigos em HTML e AJAX , que tanto podem ficar fixos em uma página, ou em forma dos novos popups feitos em AJAX. Os formulários possuem a ferramenta anti-spam conhecida com CAPTCHA(não sabe o que é CAPTCHA, clique aqui). A versão de códigos HTML disponibilizados para botões, são ótimos para blogs no WordPress, que não aceitam JavaScript), já para os que aceitam, os botões com código AJAX dão muito mais modernidade e funcionalidade ao seu site ou blog. Veja nosso formulário de contato logo no início do menu direito, localizado abaixo da busca do nosso blog. Muito bom!

Sistema de votação e comentários para sites e blogs

Posted in Dicas, ferramentas online, Interatividade, JavaScript, Programação, Web2.0, Webdesign, Widgets with tags , , , , , , , , , , , on 17, junho 2008 by blogcacalinks

Na era da comunicação virtual, onde sites e blogs são verdadeiros canais de informação, nada mais importante que saber a opinião de seus leitores, criando interatividade e obtendo o retorno através dessas opiniões. Pensando nisso, o site JS-Kit, em inglês, oferece 2 ótimos widgets em JavaScript, com códigos pequenos, que podem ser customizados e inseridos no código HTML do seu site ou blog, mesmo para aqueles que possuam conhecimento médio de programação.

O primeiro widget chamado de Ratings, permite incluir um sistema de votação em sites e blogs, com o qual você poderá ter em cada página ou mesmo em posts, aquelas 5 estrelinhas para que o visitante possa clicar e votar, dando notas de 1 a 5. Para usuários do Blogger ou do servidor WordPress, eles oferecem códigos específicos que podem ser encontrados facilmente no link chamado FAQ e, em Customization você poderá fazer a personalização de cor ou tipos. O site disponibiliza 2 versões, conforme as imagens abaixo:

Veja um exemplo do sistema de votação funcionando em cada post do nosso outro blog (DragontrixGames) clicando aqui

O segundo widget é o Comments que permite incluir um sistema de comentários para sites, já que os blogs já possuem essa ferramenta normalmente. Com ele será possível obter a opinião dos leitores do seu site em artigos ou páginas específicas, além de ser um ótimo canal para pedido de informações.

Para ter acesso aos serviços não é preciso registrar-se no site JS-Kit. Os dois widgets são customizáveis e fáceis de instalar, sendo apenas necessário copiar o código e colar no local indicado. Para ver os códigos de cada ferramenta, entre nas páginas indicadas e clique no link que diz: “Grab it for your site”, conforme mostra a figura abaixo:

Obs: Os códigos dos widgets são pequenos porque são feitos a partir de uma Função JavaScript (.js) externa, ou seja, ela é “chamada” através de um endereço onde a função foi hospedada e não tem como ser alterada ou copiada por terceiros. Com isso o site JS-Kit preserva os direitos autorais. De certa forma a inclusão do código pequeno torna-se fácil para os que não estão familiarizados com programação e, por outro lado, é bom ficar sempre de olho para ver se o JS-Kit não mudou o endereço da função JavaScript que faz com que seu widget funcione ou deixou de oferecer o serviço, o que na minha opinião é pouco provável. Mas com certeza é uma ferramenta que irá ajudar muito a otimizar seu site ou blog.

Como o site é em inglês, disponibilizamos os links das páginas já traduzidas para facilitar:

Ratings – versão traduzida
Comments – versão traduzida

Novo Widget de Digitação para sites e usuários do Blogger

Posted in Jogos Online, Utilitários, Widgets with tags , , , , , , , on 24, maio 2008 by andreiacandido

O Moisés, do blog Dicadedica, acaba de criar um widget muito criativo para ser instalado em sites em geral ou em blogs hospedados no Blogger. Trata-se do Widget de Digitação que possui as seguintes funções:

Praticar: é praticamente um treino e mostra a posição correta que seus dedos devem permanecer no teclado do seu computador, indicando a próxima tecla a ser digitada e, ao final, mostra a precisão e a velocidade dos toques e o número de acertos e erros cometidos na digitação, durante 1 minuto.

Jogar: ótimo jogo que além de ser um passatempo, o ajudará treinar seus reflexos e rapidez para digitar, ou seja, enquanto você se distrai, também treina e melhora sua capacidade motora de digitação. As letras vão caindo aleatoreamente na tela e você deverá digitá-las, caso não consiga, você perderá vidas.

Se você tem um site ou blog e quer ter o widget de digitação, que é totalmente gratuito, vá até o blog Dicadedica e copie o código, e cole no código HTML do seu blog. Infelizmente usuários do WordPress não tem como utilizar esse widget.

Quer treinar sua digitação? Entre no blog Dragontrix e jogue a vontade.

Parabéns ao Moisés, desenvolvedor do widget!

Novo Widget RSS do Caça-Links diretamente em seu desktop

Posted in Dicas, Feeds/RSS, Geradores, Usabilidade, Utilitários, Web2.0, Webdesign, Widgets with tags , , , , , , , on 25, março 2008 by blogcacalinks

A partir de agora você pode ter o widget do Blog Caça-Links em seu desktop, com isso ficará muito mais fácil de você ter as atualizações do blog diretamente em sua área de trabalho. Basta efetuar o download do programa de instalação (774kb) e ter as atualizações aqui do blog sempre a mão.

Widget do Caça-Links diretamente em seu desktop

É importante saber que o widget só funcionará com:

a) Sistema Operacional: Windows 2000, 2003, XP

b) Microsoft .NET Framework Version 2.0 – para download, clique aqui [22.4 MB]

E se você é desenvolvedor e quer criar um widget do seu site ou blog, é muito fácil e, o melhor, totalmente gratuito. Basta entrar no site beon4u, fazer seu cadastro e configurar seu widget em 3 etapas muito fáceis. Após a conclusão, você receberá um email de confirmação, contendo o endereço para baixar o widget e divulgar aos usuários do seu site.

clique na imagem para criar o seu

Crie uma etiqueta visual para suas imagens em blogs e sites

Posted in JavaScript, Usabilidade, Web2.0, Webdesign, Widgets with tags , , , , , , , , on 12, março 2008 by blogcacalinks

Taggify
O site Taggify.Net oferece um serviço online que poderá ajudar a incrementar as imagens de seu site/blog, seja ele pessoal ou profissional, tornando-os diferenciados e muito mais interessantes. Com um simples código gerado em JavaScript para ser inserido antes de fechar a tag </body> de seu HTML, você poderá mapear uma foto em uma determinada área e inserir uma descrição que aparecerá para o usuário, quando o mesmo passar o mouse sobre a área. Com essa ferramenta, vocé poderá criar várias descrições em uma mesma foto, mapeando locais distintos.

Como exemplo de possibilidade de uso do Taggify, vamos dizer que você tenha um blog pessoal com muitas fotos de viagens e lugares paradisíacos, assim você poderá usar o Taggify e assim, criar uma etiqueta visual com uma descrição mais detalhada sobre o local. Ou mesmo se em uma foto com muitas pessoas, você poderá mapear várias regiões, criando uma etiqueta com a descrição que desejar sobre cada pessoa. Não é o máximo?

Para ter acesso ao serviço é necessário cadastrar-se no site , depois é só definir o tipo de apresentação do texto e gerar o código HTML para ser colado no template de sua página. Logo após, salve o link do Taggify em seus favoritos do navegador. Então, quando você precisar colocar um comentário ou explicar alguma imagem em seu site, basta ir até a página com a imagem e se logar no Taggify Editor. Use sua criatividade!

Taggify.Net

Clique em um dos links abaixo para ter acesso ao blog do Taggify e ler o tutorial completo com o passo-a-passo de como proceder para usar o serviço em seu site/blog:

O Taggify é compatível com:
Taggify é compat�vel com:

PS: Infelizmente este serviço não é aceito para nós que utilizamos o WordPress, pois usa a linguagem JavaScript.

lupa1.jpgCaça-Links indica: Taggify.Net