sexta-feira, 4 de setembro de 2015

Como criar uma página de upload no Blogger







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ª Etapa | Criando o formulário

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.

sistema upload blogger 2013

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.

2ª Etapa | Criando o sistema de upload

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.

criar pagina upload de arquivos blogger

2. Acesse as propriedades desse elemento. Para isso, selecione-o e clique no botão formulario de upload no blogger 2013 à direita. Selecione "Mostrar Propriedades".

formulario de upload arquivos blogger 2013

pagina blogger usuarios podem fazer upload

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.

widget upload file blogger 2013

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.

criar sistema de upload para blogger 2013

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.

gadget de upload para blogger blogspot

3ª Etapa | Integrando ao Google Drive/Dropbox

1. Selecione a aba "Setup & Embed" do formulário e clique na opção "Integrations".

create unlimited upload system file blogger 2013

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.

visitantes upload arquivos blogger

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.

como usar jotform google-drive 2013

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.

como integrar jotform google drive 2013

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

fazer pagina upload arquivos no blogger

area de upload ilimitado blogger 2013

4ª Etapa | Adicionando ao Blogger

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.

formulario upload arquivos blogger meu e-mail
CLIQUE PARA AMPLIAR
Fonte: Seututorial.com

Compartilhar conhecimentos gera idéias!!!


Copyright 2018 All Rights Reserved / Privacy Policy / Sitemap / Contact Us

Desenvolvido por / Caderno de Tutoriais / Powered by / Blogger