Criando Página Contato para blogs e sites

Hoje darei algumas dicas de como criar sua página de contato. Ela pode ser incorporada no blog ou página web como também pode ser externa. Esta postagem é dedicada ao nosso blog parceiro Purple In Fashion.

É desagradável entrar em um site ou até mesmo blog e ver um belo conteúdo ou aquela pergunta que o autor fez e não ter como responder a não ser pelo comentário. Ter uma página de contato em um site ou blog atualmente é um item obrigatório, tanto para receber um feedback, quanto para falar sobre negócios.

Irei falar sobre 3 ferramentas que nos auxiliam com seus recursos: Wuffo, Bravenet e Google Docs. Escolhi estes 3 porque cada um tem um ponto legal e destacável.

Características:

Wuffo - A segunda empresa norte americana fundada por 3 amigos. Como o próprio site diz "(Wuffo é ...) uma aplicação web que removeu a ineficiência e tédio fora do processo de construção do formulário". Sua interface é em inglês, mas de muito fácil uso e intuitiva.

• Tipos de Forms - O Wuffo, dentre os 3 sites aqui, é classificado como o melhor em personalisação e tipos de forms prontos para uso. Com ele você pode escolher e criar temas para formulários de tiversos tipos e com cores hexa-decimais (Ex: #CCFFTR). Possui 80 temas prontos nativos.
  
• Quantidade - Para usuário registrado gratuitamente apenas 3 formulários, 3 relatórios, 10 campos e 100 inscrições por mês. Há a opção pagas e vantajosas.
• Usabilidade - Fácil. Da possibilidade de implementar na página ou criar uma página especialmente para o formulário. Os campos para preenchimento do usuário pode ser totalmente configuráveis e o site dá várias opções para criar o formulário só com os itens que lhe interessam.
• Recursos - Criação de temas para facilitar a interface do form com o seu site. Estatísticas de uso. Alerta de novos forms por e-mail. Forms diretamente recebidos por e-mail. Até 3 forms gratuítos. Envio de arquivos junto ao form (pouco espaço para armazenamento). Link para voltar a página que desejar como a inicial. Auto-responder. Se pode criar os mais variados tipos de forms como lista de inscrição por e-mail, perguntas e até fazer uso de páginas externas como o google maps.
  
• Contra - Apenas um único envio de form por endereço de computador. Se você estiver na sua empresa com um DNS fixo só poderá mandar um único form por toda a vida até que sua empresa mude o endereço. Para usuários normais, isso nem influencia.

Bravenet - Site ja um tanto antigo e muito conhecido por pequenos e grande desenvolvedores no Brasil. Recentemente mudou suas políticas fazendo com o usuário tenha menos recursos, mais mesmo assim um bom site. Ele da opção de criação de forms, sites, contadores, lista de e-mails, e muito mais. Ainda em inglês.

• Tipos de Forms - Poucos tipos. Não encontramos informações sobre personalização ou modelos. Pelo uso de alguns sites e blog na net, pode-se notar que ele é integrado com sua página por meio de um frame (ou div).
  
• Quantidade -Não há informações. Acreditamos ser mais do que um.
  
• Usabilidade - Fácil. Da possibilidade de implementar na página ou criar uma página especialmente para o formulário. Os campos para preenchimento do usuário pode ser totalmente configuráveis e o site dá a opção de envio de arquivos.
• Recursos - Criação de temas para facilitar a interface do form com o seu site. Estatísticas de uso. Envio de arquivos junto ao form (espaço não divulgado). Auto-responder.
  
• Contra - Ele normalmente faz propagandas. Em um dos forms visitados pelo Arruma Blog a pág. que ele abriu ao enviar o form foi a index, ao invez de informar que a mensagem foi entregue.
  

Google Docs - Criado com a intenção de guardar arquivos, ler PDF e uma série de coisas, um de seu recurso mais facinante é poder fazer uma enquete ou um form e disponizá-lo na rede. Gratuíto e em português BR é da empresa GOOGLE.

• Tipos de Forms - Poucos tipos. Existe a possibilidade de personalização, porém com poucos recursos. Há temas que pode ser criados por você.
  
• Quantidade -Não há informações. Acreditamos que pode-se criar vários desde que sua conta tenha espaço para suportar (normalmente temos 4 GB de espaço)
  
• Usabilidade - Fácil. Da possibilidade de implementar na página ou criar uma página especialmente para o formulário. Os campos para preenchimento do usuário pode ser totalmente configuráveis e é totalmente em português.
• Recursos - Criação de temas para facilitar a interface do form com o seu site. Auto-responder. Personalisação e criação a partir de códigos fonte. Envio de anexos. Uso do form em gadgets.
  
• Contra - Até o momento ele não tem.
  

Conclusão
Dentre os três, o melhor para uso é o Wuffo, que inclusive é o que usamos integrado com o Arruma Blog. Em segundo lugar fica o Google Docs em português e depois o Bavenet como um ultimo recurso.

Implantação
Todos os sites requer registro. Vá no site do Sign Up for Free!
2. Escolha dentre as opções, a opção FREE
3. Preencha o formulário de inscrição com os seus dados e marque a opção I agree to Wufoo’s Terms of Service. Use um e-mail válido.4. Após preencher os dados e clicar em Create Account, você será direcionado para uma tela de boas vindas informando que você ainda não tem nenhum formulário. Para criar o seu primeiro formulário clique em Let’s go make one.
5. A próxima tela é onde se pode criar o formulário. (você pode tornar o campo obrigatório ou não). As ferramentas da direita serão usadas para criar. Clique sobre elas e dite-as sempre a direita.
6. Após clicar sobre um campo que deseja inserir no form, uma nova aba aparecerá para você, especificando mais detalhes. Se isso não lhe acontecer você pode clicar sobre o item desejado e esperar para ver detalhes.
7. No campo 'Instructions value' você pode inserir instruções para o usuário. Tal como em nosso blog.
8. Quando quiser remover campos do formulário, basta clicar sobre o campo e clicar sobre o sinal de menos(-).
9. Para editar alguns dados como o nome do form vá até a ultima aba a esquerda da tela em Form Settings e em Form name digite o nome do form que aparecerá para o usuário. Escolha também a linguagem.
10. Apos fazer todas as alterações no seu formulário, clique no botão Save Form e confirme clicando em I’m finished! Take me back to the Form Manager.

Você será direcionado à página incial do site, onde se pode administrar os forms. Para visualizar os forms que você recebeu clique em Entries. O que desejamos é colocá-lo em nosso blog. Antes, crie uma página 'Contato' no seu blog, ou se ela ja existe, edite-a. Se for blog, crie um post com o nome 'Contato' e insira as informações desejadas. Novamente no Wuffo clique o ícone Code. Este código deverá ser inserido na sua página Contato do blog. Opte pela opção de form integrado com a página (a opção embed). Será em um Iframe.

Clicando em Code, poderemos visualizar todas as opções de vinculação do formulário. Podemos cita-lo na forma de um link em nosso site, envia-lo por e-mail, baixar arquivos no formato XHTML/CSS code para colocar no nosso servidor ou apenas usar a forma mais fácil de adiciona-lo ao nosso site, que é usando o código embed. Para isso, basta clicarmos no opção Embed Form Code, copiar o código fornecido e cola-lo em uma página no nosso site ou blog.

Pandongo

Caso desejar que o formulário seja enviado ao teu e-mail ou um e-mail seja lhe enviado a cada novo form clique em Notifications e na nova página o 1º campo da esquerda para a direita é o que normalmente se usa para receber o form por e-mail. No Brasil o sistema de SMS não está disponível. Lembre-se de salvar sempre.

Uma dica: Use sempre o ajuda dos sites para poder ter todos os recursos do mesmo. No ajuda do Google se pode ter um vasto conhecimento de todas as funcionalidades da ferramenta.

Esta postagem contém informações de outros sites.
Sites pesquisados: Bravenet - Wufoo - Google Docs - Pandongo

Continue lendo

Problemas com página de apresentação pessoal?

Sabe aquelas vezes que há a necessidade de mostrar quem você é, ou mais detalhes do seu blog? Não é muito interessante o leitor clicar no 'Sobre' e aparecer um post com alguns dados do autor, principalmente quando o blog ja tem um domínio próprio.

Aqui vai uma dica de template HTML (não é blog) para você customizar (personalisar) a seu gosto e colocá-lo em seu site/blog dentro de uma página Sobre (apenas exemplo).

Clique na imagem para ir à página para dawload.

Para a personalisação do modelo acima, você necessitará de um programa de edição de imagem (não necessariamente Photoshop), editor HTML, conhecimento básico de HTML e CSS e criatividade.

Caso você queira optar por um blog com o mesmo modelo de página HTML para seu domínio, o Arruma Blog preparou uma sequência de Blogs (Blogspot-Blogger) e páginas do mesmo geito para você usar integrado com o seu domínio. Confira:

Prévia e Dawload do

Blog | Site

Prévia e Dawload do

Blog | Site

As fontes desta postagem está diretamente nos links deste post.

Continue lendo

É mesmo importante dar um 'Title' as imagens?

Muitas pessoas, blogueiros e até webmasters (acredite, ja vi alguns que nem vou comentar...) não se empenham em colocar nomes nas imagens. Vamos colocar nesta postagens dois tipos fundamentais de nomes:

- O nome da imagem propriamente dito (aquele que vem antes da extenção, ex: imagem.jpg)

- O nome que você coloca no Title da imagem, quando ela está na internet (O famoso Alt da imagem)

Pois bem, a relação entre uma e outra pode não parecer grande coisa, mas lembre-se que o robô do Google está constantemente vasculhando a internet, e o Google tem uma ferramenta para busca de imagem, assim como inúmeros outros sites na web (Yahoo e Bing por exemplo). Só por isso você ja deveria ter um 'certo medo'.

Se você pretende realmente ser um(a) bom(a) blogueiro(a), [e até webmaster] deve ter em mente que ao criar uma imagem e hospeda-la na net muitos outros sites vão linká-la [Me refiro ao nome normal, gerado quando salvamos a imagem no nosso PC]. Se você colocar o nome do seu selo com o mesmo nome do seu blog, na hora que alguém for fazer uma busca de imagem (provavelmente filtrada) seu selo irá aparecer e seu link também de forma harmônica, eficaz e passando uma boa imagem ao usuário. Se você optar por escrever uma legenda estranha no nome da imagem, ela aparecerá em alguns resultados 'estranhos' (e não quando digitarem o nome do seu blog ou site) em uma busca na internet. A pior parte é que, para um usuário normal, não há como reverter isso.

Tem mesmo certeza que não posso falar que minha imagem não aparecerá nas buscas?

Claro que pode.

É muito difícil? Tenho que pagar para todos os buscadores e sites de busca?

Não, claro que não. Não somos ninjas e não precisamos fazer ameaças para isso. Atualmente para dizer a algum site de busca (mais especificamente o Google) quais páginas e imagens e arquivos no geral você quer que ele mostre ou não, existe o sitemap [Link para criar o seu junto ao Google gratuitamente], e alguns outros recursos mais... (alguns $$)

E sobre o tal Title que você falou?

É praticamente a mesma idéia. O diferente é que o Title é responsável pela mensagem que aparece quando você passa o mouse sobre alguma imagem ou link. Isso ajuda também nas buscas feita pelos buscadores. Não é apenas um enfeite.

Faça um teste passando o mouse sobre o link para criar o seu j... acima e repare a legenda. Agora o Google sabe que há um link no Arruma Blog apontando para o site deles (claro que há mais coisas ai...)

Como eu encontro ele?

Quando você está fazendo (ou copiando) o código para uma imagem, ou selo para linkagem, insira a tag title="mensagem que aparece ao passar o mouse" ainda na parte que chama a imagem, pode ser depois do link da imagem (depois de fechar as aspas do link da imagem, dê um espaço e insira o código), e pronto, sua imagem está além de bonita, preparada para ser linkada e titulada pelos buscadores de plantão.

Esperamos que de agora em diante você pense melhor ao nomear imagens e hospedá-las na internet. É sua imagem que está em jogo.

Coloque em prática aprendendo a criar seu selo/banner personalizado

Continue lendo

5 links que você deve visitar

Todos nós sabemos que a Internet é um 'poço muito fundo' (*nem eu sei de onde tirei esta comparação...). Se encontra de tudo e a cada dia se você vasculhar acaba encontrando algo inesperado. Eu (o carinha que mais escreve neste blog) sou um exemplo de que se pode encontrar de tudo até um site que simula on-line as várias resoluções de monitores existentes no mundo atualmente (Se você quer qualidade e excelência, comece arrumando o visual do seu blog, e olha que há várias formas de ver seu blog, não basta estar bom em apenas uma forma, mas sim na maioria, se não em todas). Então juntei o link do site e mais alguns links legais e estão aqui nesta lista:

1. Brogui - Um blog que reúne notícia, imagens, informações e descontração (e mais, claro) em um único lugar e me faz bem;

2. ViewLike - Um site que simula resoluções de monitores para verificar se o seu site ou blog é bem visto pelos olhos mundiais (Vale a pena);

3. Blog and Web - Um blog com o mesmo intuito do Arruma Blog: Ajudar. A diferença é que contrariando o nome, ele não é Estado Unidence, e sim Mexicano (pelo que eu li no blog...). Talves você não entenda 100% o que ele fala, mas não ficará 'panguando', e, claro com a ajuda de um tradutor tudo se resolve. Vale o clique!

4. Blog do Rafa - Um blog de um jovem 'sonhador' que conta suas histórias na infância de uma forma particular bem fora do normal. Humor, imagens e um pouco de 'ué...'.

5. Ualah! - Se você gostou do Orkut irá gostar do mais novo site de relacionamentos da internet. Nacional e em constante crescimento, o site foca a interação dos usuários através de assuntos relacionados, bem melhor quando se quer mostrar os trabalhos que você criou e/ou trocar idéia com pessoas mais experientes.

Participem da enquete do Arruma Blog: Você é homem ou Melher??

Simples assim!!!

Continue lendo

Pensamentos

Num lindo dia, sei lá como, alguém neste mudo teve a grande idéia de observar um casal de 'namorados' (talvez) e fazer este belo desenho em gif (deve ter passado uns bons dias fazendo a arte...) e este é o grandioso resultado, o que você acha??

Fonte: Brogui

Continue lendo

Arruma Blog mudou de template. Porque?

Olá leitores, seguidores, amigos e passageiros de alguns minutos em nossa página. Hoje dia 7 de setembro (sim da ploclamação da república de nosso país Brasil) resolvemos trocar o modelo (mais uma vez) do blog. Não fique achando estranho, somos ainda o Arruma Blog de sempre, agora com nova cara.

Por qual razão fizeram isso?
Simples: A versão antirior do Arruma Blog podia até ser mais bonita e ter seus pontos posistivos, mas tinha um que nos tirava o sono: O Design quando visto em uma tela widescreen ou de resolução diferenciada, e esta até o momento pareceu se enquadrar no quisito.

Será que agora dura?
Digamos que sim. O Arruma Blog está em constante mudança, em eterna versão Beta, então é bem provável que ainda mudaremos quantas vezes forem necessário.

Tudo o que eu via antes ainda está aqui?
Sim, todo o conteúdo continua ainda a mesma coisa. Se desejar obter alguma informação rapidamente pode fazer uma busca no topo do blog.

Aceitamos sua sugestão de como ficou o novo visual.

Continue lendo

Aprenda a fazer um Origame em 3 passos

Simples assim =)

Continue lendo