sábado, 20 de abril de 2013
Como criar uma página de upload no Blogger
Esta foi uma dúvida enviada por um leitor do blog. Achei bem interessante e resolvi fazer um post dedicado.
Ensinarei a como criar e instalar um sistema de upload no Blogger, para que seja possível o envio de arquivos ao dono do blog. Trata-se de um sistema bem dinâmico, simples e configurável, pois você poderá estipular os tipos e o tamanho máximo dos arquivos a serem upados. Sobretudo, modificar a aparência do sistema.
Ferramentas necessárias:
Conta Google Drive ou Dropbox
JotForm
Como funciona?
Só para esclarecer melhor, os arquivos que forem upados em seu blog, serão enviados para seu Google Drive (que oferece 5 GB de armazenamento para conta free) ou Dropbox. Porém, você pode ir apagando os arquivos recebidos (após salvá-los), para ir liberando espaço.
O JotForm, por sua vez, é um serviço que fornece a criação de formulários de contato. No entanto, além de profissional, o serviço oferece a excelente opção de incluir uma área de upload nesse formulário. O JotForm gera um código Javascript — o qual você deverá colocar em seu blog — e uma vez que o upload for feito por esse formulário, os arquivos serão enviados à sua conta do Drive, como explicado anteriormente.
1. Acesse o JotForm e crie um formulário. Se preferir, você pode utilizar os gratuitos templates prontos do site para criar o formulário.
2. Para traduzir, excluir, modificar ou realizar qualquer alteração nos elementos desse formulário, dê um clique sobre o respectivo elemento e clique no botãozinho que aparecerá à direita (ao lado do botão X). Você terá todas as opções necessárias. Para traduzir o elemento, basta clicar duas vezes sobre ele e alterar o nome.

Você não é obrigado a criar o formulário de contato (embora seja recomendável). Se deseja apenas criar o formulário de upload, delete todos os elementos do formulário e vá para a segunda etapa.
1. Ao lado esquerdo da página do JotForm, temos um painel de opções. Clique sobre o item "Carregar arquivo". Um novo elemento será inserido no formulário.

2. Acesse as propriedades desse elemento. Para isso, selecione-o e clique no botão



3. Na janela que abriu, você poderá modificar o texto do botão (Button Text), alterar o título (Pergunta), decidir o tamanho máximo permitido no upload (Max File Size), os tipos de arquivos permitidos (Extensions), entre outros detalhes. Configure como quiser e depois clique em Fechar Configurações para salvar.

4. Após configurar o elemento e salvar, você irá retornar à janela principal. Caso o botão de envio não apareça no formulário, no painel à esquerda, selecione agora o item "Botão de Envio". O usuário deverá clicar nesse botão para subir o arquivo.

5. Para alterar as propriedades desse elemento, faça o mesmo procedimento do Passo 2 para acessar as propriedades dele.
6. Pronto! O formulário está criado.
1. Selecione a aba "Setup & Embed" do formulário e clique na opção "Integrations".

2. Escolha o serviço "Google Drive" ou "Dropbox" na lista de integrações.
Nota: Eu uso o Drive. Portanto, me baseei na integração com ele. Se você usa o Dropbox e o escolheu na lista, não tem problema. É o mesmo conceito de integração.

3. Clique em Authenticate e faça login em sua conta do Google Drive ou Dropbox.
4. Na janela que abrirá, clique em "Permitir acesso". Em seguida, clique em Próximo na janela do JotForm para dar continuidade.

5. Quando a integração terminar, o JotForm fornecerá um link direto a você. Este é o link que o(a) redireciona para a pasta onde os arquivos serão salvos no seu Google Drive. Guarde este link e feche a janela aberta.

6. Voltando ao painel do JotForm, clique no item "Código Fonte" e copie o código que o site irá gerar.


Faça login em sua conta Blogger e cole o código copiado do JotForm no local onde o sistema de upload deverá aparecer em seu blog.
Se quiser colocar o formulário dentro de um post, clique na guia HTML dentro do post e cole o código.
Pessoalmente falando, aconselho você a inserir esse sistema em uma Página Estática do blog. Basta clicar na guia HTML e colar o código lá.
Quando o usuário fizer o upload de algum arquivo neste formulário, o arquivo irá direto para a pasta de integração do JotForm no Google Drive ou Dropbox (é aquela pasta que o JotForm forneceu o link direto). Use aquele link para chegar até essa pasta. Pra quem usa o Drive, na lista à esquerda, basta selecionar a opção do formulário criado no serviço.
Veja abaixo uma demonstração de um sistema MP3 uploader pronto.
![]() |
CLIQUE PARA AMPLIAR |
Limite Mensal
Como trata-se de um serviço gratuito, ele tem um limite de 100 uploads mensais. Ou seja, ao atingir esse limite, você não receberá mais envios durante o restante do mês. Embora ofereça opções para o plano Premium (que é ilimitado), uma solução interessante seria usar o Google Drive como Formulário de Upload. A outra opção é melhor, porém, não suportada pelo Blogger - que é usar um Script em PHP.

Artigo escrito por Marcelo
Sou formado em Sistemas de Informação pela UFMG e pós-graduado em Segurança da Informação. Trabalho com TI há mais de 5 anos e sou professor particular de inglês. Nas horas bem vagas costumo arranhar uma guitarra e sou fã do bom e eterno rock'n'roll.
Obrigado tava precisando de algo assim no novo blog de templates q eu to desenvolvendo.
ResponderExcluirOtima semana amigo.
Muito obrigado, é de pessoas assim que precisamos, não faz questão de ajudar. Obrigado.
ResponderExcluirQ blz hein... era isso mesmo que eu estava precisando. Acabei de postar uma sugestão no fórum do Blogger para adicionarem uma ferramenta assim por lá.
ResponderExcluirComo fazer com o Dropbox?
ResponderExcluirQuando chegar no passo 2 da 3ª Etapa, em vez de selecionar Google Drive, selecione Dropbox e autorize o JotForm de aceder sua conta.
ExcluirMuito obrigado!
ResponderExcluirFoi de enorme ajuda e era o que eu estava precisando para o site.
mto obrigado cara
ResponderExcluirera o q eu precisavava
oi como vai? estou tentando fazer todo este processo, que vc explicou mais quando acho que vai dar certo, e vou fazer um teste, aparece uma frase abaixo do campo "fazer upload" que fala sobre que o video nao pode ultrpassar a 1240 kb. me mande um e-mail para "mulheressensuais.blog@gmail.com" para conversarmos melhor.grato.
ResponderExcluirVocê não estipulou o limite do tamanho dos arquivos upados no JotForm.
ExcluirExpliquei isso no passo 3 da 2ª Etapa.
Vllw Ae Cara Estava Precisando De Um Aregador de Links Guando Vir Isso Deu certo Obg.
ResponderExcluirVLW
ResponderExcluirvaleu!
ResponderExcluirNão sei como agradecer...
ResponderExcluirFoi incrível essa dica! Simples e muito útil!
<3
Meu caro!
ResponderExcluirFoi de grande ajuda tão simples artigo!
Agradecido por tal iniciativa e votos de continuidade em tal empenho!
muito bom obrigado
ResponderExcluirLimitado, sabemos que o jotform tem suas limitações de 100 envios por mês.
ResponderExcluirIsso é meio óbvio, né amigo. Eu citei esse limite no final do post!
ExcluirIlimitado somente um script em PHP que rode em um servidor próprio com hospedagem paga.
Mas de todas as opções free e limitadas, o JotForm é o melhor.
Muito bom, parceiro. Show de bola!
ResponderExcluirEsse negócio é ótimo e prático
ResponderExcluirPoste para fazer no wordpress
ResponderExcluir