Para quienes utilizamos blogger u otros servicios web que no requieren de la compra de hosting, aveces se necesita de un buen hosting para alojar algun iframe, o algun elemento en HTML como un pop up, o quien sabe, cualquier documento en HTML que necesitemos...
Y claro, alternativas hay... pero todas estas si son gratis, son malas, entre hostings gratuitos que aguantan poco, llenos de publicidad y que se caen a cada momento.
Todo webmaster quisiera un hosting con una velocidad impecable, que no se cayera y que desde luego... sea gratis y seguro.
Blogger posee todo esto y hoy te enseñaré a transformarlo en un host gratuito.
Para que veas que funciona, aquà tengo un slider que utilizo en mi web, el cual chocaba con el código de mi sitio por lo cual debà separarlo e integrarlo a mi página como un iframe. El resultado, un slider que carga rapido, funcional y que no afecta ni compromete los códigos de mi web.
EJEMPLO DE IFRAME
<html>
<body> <iframe src="http://www.ejemplode.com" style="left:300px; position:absolute; top:50px;"marginwidth="0" marginheight="0" name="ventana_iframe" scrolling="no" border="0" frameborder="2" width="800" height="600"> </iframe> </body>
</html>
entonces... cual es el truco para usar a blogger?
Vamos a trabajar:
PASO 1
Debes crear un nuevo blog, da lo mismo que nombre tenga y que url...
PASO 2
Una vez creado el blog, nos vamos a configuración y donde dice "privacidad - Aparece en Blogger Visible para los motores de búsqueda" le pones editar y estableces que el nuevo blog no sea visible, cosa de que asà no tengas problemas y no encuentren ese elemento HTML en google u otros buscadores.
PASO 3
Nos vamos a plantilla y luego "EDITAR HTML", a continuación... seleccionamos TODO (ctrl + a) y luego presionamos suprimir, para que la plantilla quede 100% vacÃa.
PASO 4
Integramos una nueva plantilla a blogger... es una muy pequeña y simple:
<!DOCTYPE html>
<html>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Plantilla en blanco
----------------------------------------------- */
body {margin: 0;} /* Deja el documento sin márgenes */
#navbar {display: none;} /* Oculta la navbar */
]]></b:skin>
</head>
<body>
<b:section id='main' showaddelement='yes' />
</body>
</html>
La copias y la pegas y pones guardar.
PASO 4
Luego de ello, nos vamos a "diseño" y añadimos un gadget... el gadget que añadimos es HTML javascript y en el simplemente agregamos los elementos que deseamos "alojar"... debe estar todo el código ahÃ... ya saben, css, javascript, html, lo que sea que quieran alojar... luego simplemente dan guardar y revisan el index del blog que crearon y todos los elementos estarán ahÃ.
Ahora, si lo desean, pueden añadir un subdominio personalizado o elementos de ese tipo en caso de que quieran visitar directamente ese HTML. De lo contrario, pueden utilizar este truco para utilizar la url como iframe, para funciones especÃficas... como lo hice yo con mi slider.
Espero les sirva de ayuda, si desean "alojar" otros documentos HTML en el mismo blog, solo deben crear una página nueva en el sector de páginas y luego crear un gadget, luego sigan las instrucciónes que aparecen en este tutorial.
Saludos y espero les sirva como a mi... es algo complejo, pero una vez entiendan como funciona amarán este método!
PASO 4
Luego de ello, nos vamos a "diseño" y añadimos un gadget... el gadget que añadimos es HTML javascript y en el simplemente agregamos los elementos que deseamos "alojar"... debe estar todo el código ahÃ... ya saben, css, javascript, html, lo que sea que quieran alojar... luego simplemente dan guardar y revisan el index del blog que crearon y todos los elementos estarán ahÃ.
Ahora, si lo desean, pueden añadir un subdominio personalizado o elementos de ese tipo en caso de que quieran visitar directamente ese HTML. De lo contrario, pueden utilizar este truco para utilizar la url como iframe, para funciones especÃficas... como lo hice yo con mi slider.
Espero les sirva de ayuda, si desean "alojar" otros documentos HTML en el mismo blog, solo deben crear una página nueva en el sector de páginas y luego crear un gadget, luego sigan las instrucciónes que aparecen en este tutorial.
Saludos y espero les sirva como a mi... es algo complejo, pero una vez entiendan como funciona amarán este método!
No hay comentarios:
Publicar un comentario