Esta plantilla esta basada en “HyperGlass” de Free CSS Templates, adaptada para Blogger por BlogandWeb y bajo licencia Creative Commons. Puedes utilizarla para fines personales o comerciales con la única condición de que respetes los créditos, regresando un link a BlogandWeb y Free CSS Templates.
Características
- Definición de colores en el panel.
- 2 columnas.
- Menú personalizable.
Descarga
Instalación
Para instalarla consulta el videotutorial hecho por Patricia Pilar y nuestra miniguía de instalación. Además puedes leer nuestras preguntas frecuentes y enterarte de los problemas más comunes y su solución.
Configuración
Esta plantilla tiene un menú para personalizar a tu gusto, para cambiarlo entra a la pestaña “Plantilla” (“Diseño” desde el escritorio) y después a la opción “Edición de HTML”.
Ahí busca el siguiente código:
<div id="menu">
<ul>
<li class="active"><a href="#" accesskey="1" title="">Inicio</a></li>
<li><a href="#" accesskey="2" title="">Fotos</a></li>
<li><a href="#" accesskey="3" title="">Perfil</a></li>
<li><a href="https://blogandweb.com/" accesskey="4" title="">Soporte</a></li>
</ul>
</div>
En ese código, cambia los signos # por tus links y guarda.
Además tiene una sección en la barra lateral para describir tu sitio o lo que gustes, para cambiar el mensaje que trae la plantilla busca:
<h2>Acerca del sitio</h2>
<p>Aquí bien puede ir una descripción de tu sitio, pero tienes que modificar esta parte manualmente</p>
Y sustitúyelo con el mensaje que desees. La plantilla tiene definidas algunas variables para cambiar los colores desde el panel.
Actualización: Una versión de esta plantilla para WordPress la puedes encontrar en CódigoGeek
markos julio 27, 2007 a las 5:56 am
Hola francisco
Tengo un pequeño problema
Los titulos de las entradas de esta platilla se mezclan con el dia cuando la publicaste y en otras se cortan….tienes algun remedio? por favor y gracias
Respondermarkos julio 27, 2007 a las 7:16 am
http://mhorro.blogspot.com/2007/06/rossi-rey-de-la-catedral-assen.html
Por ejemplo aqui , perdon por las molestias
Responderaquino julio 27, 2007 a las 9:05 am
Oye que buen diseño, se visualiza bien en IE y Firefox, pero no se ve bien en Opera, de todos modos esta chido!, sigan asi, muy buen sitio para bloggers. Salu2.
ResponderHernan julio 27, 2007 a las 10:35 am
Parece que tuvimos la misma idea, por suerte yo la adapte para WP.
Salu2.
ResponderFrancisco julio 27, 2007 a las 3:58 pm
Hola!
Marcos, corregí el problema del desfase de los comentarios, para los que ya la tengan instala sólo agregue lo siguiente al código css de la plantilla:
#comments, .post-feeds {
padding:15px 0pt 0pt 48px;
}
Sobre el título, la plantilla usa un pequeño hack para poner la fecha y el título en la misma linea y de ahí que se junten en títulos largos, yo no quise modificar esa parte porque da un buen aspecto al diseño, pero si quieres dejar a la fecha en una linea abajo, busca y elimina:
.date-header {
margin: -26px 25px 15px 0;
text-align: right;
color: #79AFCD;
}
Y cambia el “-26” por “0”. Si quieres conservar en la misma linea puedes cambiar la fecha por un formato más compacto en configuración/formato.
Hernan, ah mira! te quedo muy bien! ahora la linkeo en este artículo.
Saludos … !
Respondermarkos julio 27, 2007 a las 4:29 pm
eres un genio… jeje. Muchas gracias por todo!!!
ResponderJosé julio 27, 2007 a las 4:36 pm
Hola amigos de Bloge and Web!!
Necesito su ayuda urgenteeee (es que se me acaban las vacaciones :P)
Como puedo trasformar archivo de texto (.txt) a un archivo XML . Pasa que busque unas plantillas muy buenas para una pagina de futbol que necesitamos armar con mis aamigos pero al pegarlas en “Edición HTML” de Blogger, siempre dice que no están bien formadas por lo que no me deja cargarlas (lo mismo pasa con las planillas de Blog and Web al pegarlas directamente, pero al cargarlas con el archivo XML de la plantilla, funciona muy bien)
Que hacer, como hago la trasformación de txt a XML?¿?
Les estaría muy agradecidos 😉
José
ResponderFrancisco julio 28, 2007 a las 5:36 pm
Hola José, para cambiar solo lo abres por ejemplo desde el blog de notas y los guardas cambiando txt por xml. También puedes hacerlo directamente en el explorador de windows.
Saludos!
ResponderRaul julio 30, 2007 a las 9:06 am
Hola, Muy buena pagina me podrian ayudar:
Como puedo quitar lo de :
Acerca del sitio
Aquí bien puede ir una descripción de tu sitio, pero tienes que modificar esta parte manualmente
Gracias de antemano.
ResponderFrancisco julio 31, 2007 a las 9:04 pm
Hola Raul, para quitarlo, entra a plantilla/edición html y busca ese texto tal cual en el código, una vez que lo encuentres, lo eliminas o lo cambias por el que gustes.
Responderangel agosto 1, 2007 a las 12:29 am
hola…
perdon por la ignorancia…
pero es no se como hacer k aparezca esta parte de dejar comentariosn en mi blog
podrias ayudarme por favor.
gracias.
ResponderRaul agosto 1, 2007 a las 6:08 am
Gracias me a sido de gran ayuda Francisco.
ResponderFrancisco agosto 4, 2007 a las 1:27 am
Hola!
angel, mmm no entiendo que parte, ojala pudieras explicar un poco más, un saludo!
Raul, me alegro!
🙂
ResponderesteNo agosto 5, 2007 a las 9:25 pm
Hola Francisco gracias por los increibles plantillas que haz adaptado para ocuparlas en blogger,pero tengo un misero problema,tiempo atras utilizaba la plantilla blogy-ondas pero debido al problema de no poder linkear de manera directa a las entradas antiguas decidi cambiarme por esta blogy glass,el punto es,quiero instalar todos los iconos de la plantilla blogy ondas hasta el estilo de la fecha,visite los topics “poner iconos en el blogger”,y el donde explicabas como cambiar el estilo de la fecha…pero no pude instalarlos todos..ojala puedas ayudarme check mi blog…
http://xp-a-vista.blogspot.com/
ResponderFrancisco agosto 8, 2007 a las 11:55 pm
Hola esteNo, gracias por el comentario, más precisamente en cuales tienes problema?
ResponderesteNo agosto 9, 2007 a las 3:27 pm
No pude instalar muchos iconos los cuales no recuerdo con exactitud,pero mi objetivo es,utilizar todos los iconos que tenia la plantilla blogy-ondas hasta el estilo de la fecha en la blogy glass…
ResponderesteNo agosto 9, 2007 a las 8:57 pm
lo otro francisco pasa que borre ese cuadro celeste que sale al principio el “about” y quiero agregarlo de nuevo me podrias dar el codigo y donde ponerlo…
ResponderFrancisco agosto 12, 2007 a las 7:04 pm
Hola este, lo que pasa es que lo que tiene la plantilla ondas, son diferentes, pero guárdalos y sigue la metodología del artículo de iconos con CSS. Sobre la fecha hay un artículo especial. Para el cuadro “about” te recomiendo hagas un blog de prueba con la plantilla y busques el código de dicho cuadro, tiene un id=about-box y esta bien diferenciado, y lo colocas en el lugar análogo en tu blog. Un saludo!
Responderesteno agosto 13, 2007 a las 5:14 pm
gracias finalmente he personalizado bastante la plantilla y agregue todos los iconos,en cuanto al cuadro verde aun estoy en eso,aun asi gracias man…visiten mi blog…
http://xp-a-vista.blogspot.com/
ResponderFrancisco agosto 17, 2007 a las 7:27 pm
Te ha quedado muy bien 😉
ResponderFernando septiembre 2, 2007 a las 4:50 am
Hola.
Hace tiempo que visito tu pagina para ver los diferentes modelos de templates que tienes.
Elegí un modelo y la verdad es que me cambió sin problemas.
Sin embargo, ahora cuando intento cambiar el templates, el ordenador se tira un buen rato cargando y al final me aparece el mensaje de “no se puede mostrar página”.
Esto me ocurre no sólo cuando intento cambiar la templates, sino también cuando modifico el código HTML manualmente.
La verdad es que no sé por qué ocurre.
Muchas gracias de antemano.
ResponderFernando septiembre 2, 2007 a las 5:06 am
Hola.
De nuevo escribo para comentar otro problema que tengo.
Resulta que cada vez que quiero acceder a mi blog, la página empieza a cargar y al final me aparece el mensaje de “no se puede mostrar página”.
Llevo así dos días sin poder acceder a mi blog y sin poder escribir nuevas entradas.
Qué puedo hacer?
Qué es lo que pasa?
Gracias de nuevo.
ResponderLucas septiembre 12, 2007 a las 5:01 am
to fix the date problem just use float right and left. dont use any hack. here is how to fix it:
.date-header { margin: 0px 25px 15px 0;text-align: right;color:#79AFCD; float:right}
.post-title, .post-title a {padding: 0 0 0 7px;color: $colortituloentrada;text-decoration:none;float:left}
but i dont know why but i cant see the date at my 2nd post. any ideas?
Responderbtw great template. nice job
Lucas septiembre 12, 2007 a las 5:19 am
forgot to say. then add a margin to look better
.date-header {margin: 10px 25px 15px 0;}
Responder.post-body {margin-top:45px;}
Lucas septiembre 12, 2007 a las 5:21 am
later i ll tell how to fix it in IE cuz i ve to go right now
ResponderFull Fotolog septiembre 22, 2007 a las 7:58 pm
Hola. Estamos utilizando su plantilla y está muy buena. Arreglamos lo del título y las fechas con el código que dieron. El único problema es con la sección elementos de la página (ver imagen).
ResponderDonde está el circulo, no se puede agregar texto y que quede centrado en el pie de página, ya que queda amontonado a la izquierda.
Espero lo vean y revisen.
Saludos
Francisco septiembre 23, 2007 a las 1:00 am
Hola!
Fernando, probablemente sea cosa de tu navegador, prueba receteando su configuración, lo cierto es que la plantilla no interviene con esa parte.
Lucas, si esa puede ser otra solución para alinear el título y la fecha, pero como mencionas, también suele tener más problemas con el bendito explorer.
Full Fotolog, de hecho el footer no debía ser editable, se me paso eliminarlo y por tanto, no tiene estilos definidos. Sorry.
ResponderSerenity noviembre 17, 2007 a las 1:21 am
Muy buen template, me encanto!!
ResponderPero las imagenes de imageshak se cayeron y bueno, ya saben, ranas y ranas, como puedo arreglarlo??
Gracias y saludos!!
Excelentisimo blog ^^
Francisco noviembre 18, 2007 a las 6:38 pm
Serenity, esto suele pasar en ciertos días de mucho trafico, para que no te suceda cambias las imagen a otro hosting. Puedes ver como en las preguntas frecuentes.
saludos y gracias por el comentario 😉
ResponderSerenity noviembre 19, 2007 a las 2:15 pm
Muchisimas gracias!
ResponderVoy a probar asi entonces.
De verdad gracias por el trabajo que estan haciendo y por la pronta respuesta ^^
Silvia enero 9, 2008 a las 6:51 am
HOla Francisco…
ResponderDesde ayer que descubrí tu web.. estoy enganchadisima.. probando y probando.. y mirando.. y leyendo.. jajaja.. En una palabra.. GRACIAS por todo..
Veras.. estoy usando este template para mi recien estrenado blog.. y no sé cómo puedo poner encima.. o debajo.. me da igual del archivo del blog.. el apartado para los blogs que visito.. me puedes echar un cable??
Muchas gracias de antemano.. y por tu site.
Saludos,
Silvia
helena febrero 6, 2008 a las 6:52 pm
Hola, tengo un blog sobre publicidad y basé la estética del site en la template Blogy glass. Tengo un problema y es que no migré las imagenes de fondo a un servidor propio y ahora veo que ha os ha petado.
Intentaré encontrar las imágenes con la plantilla de wordpress de freecsstemplates.
Sólo avisaba de que hay un problema con imageshack.
Felicidades por vuestro trabajo 😉
Helena
ResponderFrancisco febrero 7, 2008 a las 2:03 am
Silvia, desde el panel de blogger, vas a Plantilla y en elementos de página, agregas un widget de vínculos y ahí podrás agregarlos y ubicarlos como mejor te parezca. Me alegro tengas ese entusiasmo, siempre es bueno empezar así 😀
Helena, gracias por el aviso, ahora lo vi y funcionan todas, pero en momentos de mucho trafico fallan algunas, es por eso que es muy recomendable hospedarlas en otro hosting.
Saludos!
ResponderSerenity abril 4, 2008 a las 3:51 pm
Hola! Soy yo de nuevo, bueno queria saber como sacar el titulo y ponerle una imagen… ya la tengo hecha pero no me sale.
ResponderGracias!!
Carolina abril 12, 2008 a las 7:43 pm
Hola
El tema me encantó, así que antes de pedir cualquier cosa, muchas gracias. Ahora, tengo un solo pequeñito “problema”. ¿Cómo puedo evitar que el título del blog salga en minúsculas? Mi blog se llama “Aire” y se ve “aire” como título, aunque el <title> se ve correctamente como Aire. Por más que miré el código e hice pruebas, no encontré dónde cambiar eso.
¡Mil gracias!
ResponderCarolina mayo 11, 2008 a las 9:18 am
Vuelvo para responder mi propia pregunta. Para eliminar las minúsculas basta con quitar las líneas text-transform de la plantilla.
Responder