Como hospedar arquivos no Google Sites


🏁 O Guia Definitivo e Atualizado para Hospedar Arquivos do Seu Blog (2025/2026)

Se você está chegando agora ou é um veterano blogueiro, já deve ter percebido: o Blogger, infelizmente, não oferece um serviço próprio de hospedagem de arquivos. E é aí que mora o problema. Por muito tempo, a solução mais comum era usar o Google Drive ou o antigo Google Sites Clássico como um repositório para scripts, templates, imagens e outros arquivos.

Mas a verdade é que esses métodos foram oficialmente aposentados. O Google Drive deixou de permitir que arquivos .js fossem executados dessa forma por razões de segurança. O clássico Google Sites foi descontinuado em janeiro de 2023, e seus recursos de "Arquivo" não existem mais na nova versão.

Então, como fazemos agora? A boa notícia é que existem alternativas modernas, gratuitas e muito mais confiáveis. Preparei um guia completo com as soluções que a comunidade de blogs adotou.

📊 Soluções Gratuitas para Hospedar Arquivos

Para te ajudar a decidir, preparei uma tabela com as opções mais viáveis atualmente.

Característica✅ GitHub / GitHub Gist☁️ Netlify / Vercel⚡ Tiiny.host
Link Direto (Hotlinking)Sim, via raw ou gist.github.comSim, via URL pública de produçãoSim, gera uma URL direta
Melhor paraScripts (.js.css.json) e códigos.Sites estáticos completos (HTML, CSS, JS) e projetos maiores.Qualquer arquivo (.zip, .pdf, imagem e até .js) de forma simples.
LimitesArquivos até 25MB (sem limite via Gist).Projeto até 100MB (plano gratuito).1 site hospedado de cada vez no plano gratuito.
Característica PrincipalPadrão da indústria, versionamento de código, ideal para desenvolvedores.Integração com Git, deploys automáticos, ideal para front-end.Simplicidade extrema, não precisa de conta. Perfeito para iniciantes.

Dica para Iniciantes: Se você nunca usou o GitHub, não se assuste. O método usando GitHub Gist é o mais simples e direto para hospedar arquivos de script.


🛠️ Método Recomendado: Usando GitHub Gist (O Mais Simples)

Vamos focar no GitHub Gist, a ferramenta do GitHub que foi criada exatamente para compartilhar e hospedar pequenos trechos de código, sendo perfeita para scripts do Blogger.

Passo 1: Acesse o GitHub Gist

Vá até o site do GitHub Gist. Se você não tiver uma conta do GitHub, crie uma gratuitamente. Basta um e-mail e uma senha.

Passo 2: Crie um Novo "Gist"

No canto superior direito, você verá um sinal de +. Clique nele e selecione "New gist".

  • Gist description...: Dê um nome para o seu arquivo (ex: meu_script_blog).

  • Filename including extension...: Aqui é crucial. Digite o nome do arquivo com a extensão correta. Ex: meu_script.js (para JavaScript), estilos.css (para CSS), template.xml (para um template do Blogger).

  • "Create public gist": Crie um gist público. Os privados são mais limitados para esse fim.

Passo 3: Cole o Conteúdo do Seu Arquivo

Cole todo o conteúdo do seu código, seja ele um script .js, um estilo .css ou até o código XML do seu template, dentro da grande área de texto.

Passo 4: Obtenha o Link Correto

Após criar o gist, você será redirecionado para a página dele. É aqui que a mágica acontece e onde muita gente se perde.

Atenção: Você não vai usar o link da barra de endereço do navegador! O link correto é o de "raw" (bruto, sem formatação).

  • Na página do seu gist, procure pelo botão "Raw". Ele fica no canto superior direito da área de código.

  • Clique com o botão direito no botão "Raw" e selecione "Copiar endereço do link".

O link copiado será algo como:
https://gist.githubusercontent.com/SEU_USUARIO/ID_DO_GIST/raw/.../meu_script.js

Esse é o link que você usará no seu blog. Ele já vem pronto para ser colocado dentro do HTML ou de um gadget de HTML/JavaScript.

🚀 Método Clássico Modernizado: Usando GitHub Pages

Se você lida com muitos arquivos (diversos CSS, JS e imagens) e quer ter um controle mais organizado, o GitHub Pages é uma excelente pedida. Ele hospeda um site estático completo, e você pode usar os links dos seus arquivos diretamente.

Passo a passo rápido:

  1. Crie um repositório público no GitHub com o nome SEU_USUARIO.github.io.

  2. Faça o upload de todos os seus arquivos (scripts, CSS, imagens, etc.) para ele.

  3. Acesse o GitHub Pages em Settings > Pages e certifique-se de que a branch principal (main ou master) está selecionada como fonte.

  4. O link para cada arquivo será: https://SEU_USUARIO.github.io/caminho/do/seu/arquivo.js.

📌 Tabela Resumo: Casos de Uso

Para deixar tudo mais claro, organizei situações comuns e a melhor ferramenta para cada uma:

Você quer hospedar...Melhor FerramentaLink Exemplo (no Blogger)
Um script JS de um hackGitHub Gist (mais simples)https://gist.githubusercontent.com/.../raw/meuscript.js
Vários scripts e CSSGitHub Pages (organização)https://seudominio.github.io/pasta/meuscript.js
Template do Blogger (.xml)GitHub Gist ou Google Drivelink para download ou público
Um PDF para seus leitoresGoogle Drive (compartilhamento)https://drive.google.com/file/d/SEU_ID/view
Apenas um teste rápidoTiiny.host (sem conta)URL gerada pelo site

✅ Verificação Final e Boas Práticas

Depois de seguir os passos, salve seu blog e teste. Se o script não funcionar, aqui vão algumas verificações:

  1. Tipo do gist: Se você usou um gist privado, mude para público.

  2. Caminho do link: Verifique se o link termina com a extensão correta do seu arquivo (ex: .js.css).

  3. Cache do Navegador: Ocasionalmente, o navegador guarda uma versão antiga. Teste em uma janela anônima ou force a atualização da página (Ctrl + F5).

Com essas novas soluções, seus scripts e arquivos estarão seguros e disponíveis no longo prazo. Escolha a que mais se adequa ao seu estilo e nível de conforto!


🔑 Palavras-chave (keywords)

hospedar arquivos, Google Sites obsoleto, Blogger, GitHub Gist, GitHub Pages, hospedar scripts JS, link direto, raw, Netlify, Vercel, Tiiny.host, Google Drive, hotlinking, alternativas gratuitas, tutorial Blogger 2025

📢 Hashtags

#HospedarArquivos #Blogger #GitHubGist #GitHubPages #DicasBlogger #ScriptsBlogger #TutorialBlogger #AlternativaGoogleSites #HospedagemGratuita #FerramentasParaBlogueiros

Reactions

Postar um comentário

0 Comentários