Tutorial: Hosting GRATIS y de calidad con Tumblr para tus webs.

  • Autor Autor csnotcs
  • Fecha de inicio Fecha de inicio
C

csnotcs

Iota
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buenas.

Hoy les quiero mostrar una manera de obtener hosting de manera gratuita y con buenos servidores.

Les traigo esta forma de usar TUMBLR para subir tu web estática, ya que no he visto a nadie sugiriendo esto.

Tumblr-Logo-500x118.png


¿Que obtendrás con este tutorial?

*Hosting gratis de por vida para tu web.

*Eliminación TOTAL de cualquier branding de Tumblr, lo cual evitará que la gente sepa que usas tumblr (aunque no es nada malo usar tumblr, el que aparezca el logo de tumblr es como esos anuncios de "crea tu web gratis con wix").

*Dominio personalizado con SSL de let's encript (opcional).

*Posibilidad de añadir cuantas webs quieras, de forma ILIMITADA.

¿Que beneficios y que contras trae esto?

Pros:

*Obtendrás un hosting de calidad.

*It's free!

*No necesitas saber sobre gestión de hosting.

*Podes añadir cuantas webs desees, de forma ilimitada.

*Obtendrás SSL sin necesidad de pagar por un certificado, ni usar servicios como Cloudflare.

Contras:

*Al ser de una plataforma como Tumblr, no podrás gestionar CMS, ya que no se pueden subir archivos. Aunque si podrás, si pegas manualmente el código, hacer algunas cosas en php y similares.

*Es TUMBLR. Lo que significa que tu web, no es tuya. Si a tumblr se le ocurre cerrar, tu web se cerrará. Aunque es lo mismo que tener hosting tradicional.

*No podrás ocultar archivos, ni gestionar nada que no sea el html de tu web. No podrás optimizar tu sitemap, ni tu robots.txt (aunque para los permisos de robots, se pueden hacer con HTML).


Bueno... Una vez que aclaro esto, proseguiré a indicar los pasos.

1. Van a TUMBLR y le dan a "empezar". (Sign up | Tumblr). No explicará como registrarse ya que es muy intuitivo.

1.webp

2. Una vez registrados. Apareceremos en el escritorio de tumblr. AllÃ*, damos click en el icono de una persona para que se abra el menú de nuestro perfil, y allÃ* le damos a "modificar apariencia".

1.webp

3. Iremos al menu de nuestro blog. AllÃ* deslizaremos para abajo hasta llegar al botón "editar tema", y clickearemos en el.

1.webp

4. Se abrirá el editor de nuestro tema. Nosotros le daremos click a "editar HTML".

1.webp

5. Una vez aquí. Deberán pegar el codigo de su web. Yo les voy a dejar un template básico de theme para tumblr donde solo incluirá marcado en los metadatos. Luego es un body común y corriente. Este es de ejemplo, para que sigan este tutorial. Ya luego añaden su HTML* personalizado.

1.webp

Codigo de ejemplo:
Insertar CODE, HTML o PHP:
<html>
    <head>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}
    </head>
    <body>
 <h1>Hola forobeta.
 <br>
 Este codigo es del tutorial de  [MENTION=173661]csnotcs[/MENTION] :)</h1>
    </body>
</html>

*Si bien TUMBLR usa HTML, tiene su propio lenguaje de marcado, muy util para no tener que rellenar manualmente ciertos datos. Pueden saber mas sobre esto en este link (Creating a custom HTML theme | Tumblr).

**Si necesitan mas de una página, solo creen otra página en el menú de Tumblr, ¡y listo! Desconozco si por ej. los formularios, podrían funcionar. Solo lo uso con contenido estatico. Pero no pierden nada intentandolo y ya me cuentan que tal les va. :encouragement:

6. Ahora aseguremonos de quitar el branding y dejar nuestra web pura. Para esto solo deben ir al menu "opciones avanzadas" cuando editen su tema. Y allí desmarquen todas las opciones.

1.webp

----------

Ahora que tenemos nuestra web, ¡hace falta ponerle un lindo dominio! Para el tutorial, pueden agarrar un dominio gratis de Freenom (Freenom - A Name for Everyone), o comprar un .xyz en hostinger, que están muy baratos. O usar alguno que tengan por ahí.

Para vincular nuestro dominio hacen lo siguiente:

7. Van a su escritorio. (Log in | Tumblr)

8. Allí van al menu de su blog (como hicimos en el paso 2).

9. Allí bajamos hasta donde dice "nombre de usuario" y le damos click al lapiz. Se abrirá un menu, donde deberemos actuvar la opcion "Utilizar un dominio personalizado". En mi caso me da un error, ya que example.org no tiene los DNS de Tumblr. Para saber que DNS poner, visiten la ayuda de TUMBLR (Dominios personalizados – Centro de Ayuda). No aclaro como configurar los DNS de tu dominio, porque cada registrador lo hace a su modo. Yo aconsejo usar un registrador como 1&1, que tiene una forma automatica de configurar esto.

1.webp

10. Luego en ese mismo apartado del blog, le damos a la opción "Proteger en todo momento la actividad del blog mediante el protocolo SSL". Puede que necesites esperar a que se active el SSL (ellos te mandarán un mail) para poder verlo funcionando. Esto hará que siempre tengas SSL en tu blog. La captura está desde otro tumblr, porque en el del tutorial no configuré un dominio.

1.webp


¡Y con esto ya tendriamos hosting gratis con tumblr! Tambien Blogger ofrece esta opción, pero ya hay tutoriales para Blogger.

Recuerden que la propagación de DNS puede tardar hasta 48 horas, y que este sistema es para webs simples, no esperen montarse algo muy complejo, al menos no de manera sencilla.

P.D: Perdonen el "activar windows" en las capturas. Es que tengo que comprar la licencia pero estoy solucionando un problema XD

Un saludo y espero les sirva. :encouragement:
 
La verdad se ve bueno para colocar alguna lading page etc 😀 :encouragement:
 
Me parece muy bueno el tutorial, alguna vez trabaje con Tumblr, pero con su dominio propio, alguien sabe si es mejor tumblr o blogger para SEO en Google, gracias gracias...
 
Excelente dato, gracias [MENTION=173661]csnotcs[/MENTION]
 
Me parece muy bueno el tutorial, alguna vez trabaje con Tumblr, pero con su dominio propio, alguien sabe si es mejor tumblr o blogger para SEO en Google, gracias gracias...

Da igual. En teoria, como BLOGGER es de Google, se asume que le da "preferencia". Pero tanto Tumblr (Yahoo!) como Blogger (Google) son empresas grandes y tienen servidores grandes, que tienen buena velocidad. Yo usé Tumblr, ya que Blogger no deja poner HTML sin que esté en su lenguaje, y solo añadiendo todo el HTML como un widget, en vez de algo mas nativo, como Tumblr.

Volviendo a lo de que es mejor, ambos son igual de buenos.
 
La verdad se ve bueno para colocar alguna lading page etc 😀 :encouragement:

"Tú Lo Pensaste, Pero Tú Lo Dijiste" :topsy_turvy:

Bien pensado [MENTION=173661]csnotcs[/MENTION], gracias por compartir el tutorial. :encouragement:
 
"Tú Lo Pensaste, Pero Tú Lo Dijiste" :topsy_turvy:

Bien pensado [MENTION=173661]csnotcs[/MENTION], gracias por compartir el tutorial. :encouragement:

De nada :encouragement:
 
Esto es muy bueno, muchas gracias 😛8: :encouragement: . Yo no soy muy bueno con html, pero he empezado unos cursos y me va de maravilla este tuto.. :encouragement:
 
Esto es muy bueno, muchas gracias 😛8: :encouragement: . Yo no soy muy bueno con html, pero he empezado unos cursos y me va de maravilla este tuto.. :encouragement:

Pues en TUMBLR podrás prácticar :encouragement:

Por cierto, si deseas aprender HTML te aconsejo estas webs:

Learn to Code and Help Nonprofits | freeCodeCamp -> Esta web cuenta con un curso completo de HTML, PHP, NODE.JS, JAVASCRIPT y mas. Todo dinamico, con ejercicios y certificados.

W3Schools Online Web Tutorials -> Esta web si bien no es como Free Code Camp, es muy buena como documentación.
 
Gracias por compartir el tutorial. Supongo que para pruebas está bien pero como dices el alojamiento es proporcionado por un tercero y supongo que tiene sus riesgos...
 
Gracias por compartir el tutorial. Supongo que para pruebas está bien pero como dices el alojamiento es proporcionado por un tercero y supongo que tiene sus riesgos...


Pues si... Es como usar blogger. Pero no hay muchos riesgos, en comparación con los demas hosts.
 
[MENTION=173661]csnotcs[/MENTION] Gracias changuito :gorilla:
 
Buen tutorial, servira para crear landing pages, con dominios gratuitos. 😎
 
[MENTION=173661]csnotcs[/MENTION] excelente aportación como ya muchos comentaron se orienta más para la creación de Landing Page.
 
[MENTION=173661]csnotcs[/MENTION] excelente aportación como ya muchos comentaron se orienta más para la creación de Landing Page.

Podes crear webs con mas páginas, incluso un website institucional. Solo que es estatico, no es tipo server...
 
Atrás
Arriba