Plantilla para Blogger Gluttony
Si es la primera vez que visitas este sitio, no olvides suscribirte al feed RSS o participar como blogger invitado. Gracias por tu visita!
Gluttony es el nombre de esta nueva plantilla para Blogger con 2 columnas que he adaptado del theme original para Wordpress creado por Wpdesigner.com. Tiene un diseño más bien oscuro, decorado con diferentes tonos de grises y formado por 2 columnas, un menú horizontal, una imagen de cabecera y un buscador situado en la parte superior del sidebar.
Puedes utilizar esta plantilla de forma totalmente gratuita bajo licencia Creative Commons Reconocimiento-No comercial, por lo que el único requisito que se exige es que incluyas un enlace hacia Wpdesigner y otro hacia este blog, como reconocimiento del trabajo que supone diseñar y adaptar este theme.
Descarga
Personalización
Header. El título que puedes ver en la página de demostración, está compuesto por una imagen de fondo establecida en la etiqueta <div id=’banner’> del código HTML. Puedes encontrarla fácilmente buscando ese div en tu navegador.
Menú. Justo antes del banner anterior, encontrarás el código con las listas “li” de los enlaces superiores de la página. Modifica cada símbolo “#” por el enlace correspondiente, así como el anchor text que creas conveniente.
<div id="menu"> <ul> <li class="current_page_item"><a href="#">Inicio</a></li> <li><a href="#">About</a></li> <li><a href="#">Archivos</a></li> <li><a href="#">Enlace 1</a></li> <li><a href="#">Enlace 2</a></li> <li><a href="#">Enlace 3</a></li> <li><a href="#"><span class="feed">RSS</span></a></li> </ul> </div>
Buscador. Aunque a simple vista te pueda parecer que forma parte del sidebar, lo cierto es que se encuentra situado en una sección anterior, personalizada a través del código CSS con la clase “.buscador”. Agrégalo, editando el elemento HTML/Javascript superior del sidebar y pegando:
<div id="search"><form id="searchform" action="http://direccióndetublog/search/" style="display:inline;" method="get"><input id="s" onfocus="if (this.value == 'Buscar...') {this.value = '';}" value="Buscar..." name="q" onblur="if (this.value == '') {this.value = 'Buscar...';}" type="text"/></form></div>Fecha. El formato de la fecha que mejor se adapta al diseño original es el situado en el sexto lugar empezando por abajo del menú Configuración > Formato > Formato de cabecera de fecha (por ejemplo: 28.11.07)
Entradas del blog. Ajusta al máximo la apariencia de las entradas al estilo del theme para Wordpress, estableciendo estas opciones en la sección de "entradas del blog" en elementos de página:
Recibe las actualzaciones del blog suscribiéndote al feed RSS de Zona Cerebral!
37 Comentarios
ESPECTACULAR!!!!…PARABÉNS!!!
Hola! Muchas gracias, me alegro de que os guste esta plantilla. En cuanto la ví, pensé que si yo creara un blog en Blogger me gustaría utilizar esta plantilla. Un saludo 
Hola Iván.
Soy asiduo lector de tu blog pero es la primera vez que te escribo. Me parece excelente la plantilla y gracias por adaptarla. Es estupendo tu trabajo.!! Lo unico que al aplicar el menu superior no me funciona y queda como una lista de links de texto común y en vertical. Bueno si puedes repasar algún consejo o revisar el código, te lo agradezco, pues me interesa mucho aplicar este template. Reitero, muchas gracias por tu excelente blog y tu excelente trabajo.
Horacio
Hola Horacio! Muchas gracias por leer el blog y por apoyar mi trabajo. El problema que mencionas, puede deberse a que al copiar el código del menú desde este blog pegarlo en Blogger, las comillas sufren una pequeña alteración (fíjate en ellas y comprueba que efectivamente son las que se encuentran encima del número dos de tu teclado ” y no aparecen como si estuvieran en cursiva). Si ocurre esto, el identificador de la etiqueta en el CSS no se aplicará correctamente.
Espero que te sirva de ayuda. Gracias por comentar
Saludos!
Gracias Ivan…!!
Tema solucionado. Te sigo leyendo como siempre desde desde mi correo suscripto a tus novedades.
Un abrazo
Horacio
De nada Horacio. Espero que te gusten los artículos que recibas. Un saludo 
Saludos Ivan ¿como te va? me podrias pasar un banner de zona cerebral de 160 de ancho por 100 de alto, oye tengo una gran duda y no se si tu o algun usuario sepa ¿por que el internet explorer 7 no carga los widgets de blogger? Solo se quedan en loading 
hahaha añado notificacion de comentarios por mail, saludos!
Hola Kenji! Me va todo muy bien, gracias. ¿Tu qué tal? Te he enviado el banner a la dirección de e-mail que aparece en Xalapa Life al dejar un comentario, ya que no encontré ninguna otra dirección de contacto en tu blog. Con respecto a lo de IE7 siento decirte que no tengo ni idea. Sólo uso Firefox y en su defecto IE 6, pero quizás alguien que lea esto y también lo tenga pueda ayudarte.
Gracias por comentar. Un saludo
wow muchisimas gracias, justo algo asi andaba buscando,,muchas gracias … 
espero y sigan poniendo plantillas asi ….
por cierto creen poder poner una con 2 sidebars en ese estilo?¿ gracias
Hola! De nada, me alegro de que te sirva esta plantilla. Casi siempre intento adaptar plantillas con 2 sidebars, por ser de las que más me gustan. En la sección de plantillas para blogger puedes encontrar algunas con 3 columnas.
Saludos
gracias ivan por contestar, eso habla bien de tu web…
disculpa ivan que te vuelva a molestar, queria decirte algo sobre esta plantilla estoy teniendo problemas y es que el menu , no aparece… solo los links … pero no las imagenes de fondo 
… crees poder decirme como puedo poner el menu de otra forma ¿? gracias …
y otra cosa como se le puede agragr otra columna a esta plantilla (lado derecho) ¿?
por tu ayuda y paciencia
muchas gracias
holaaaa
oye este theme esta genial me agrado mucho… me gustaría utilizarlo, oye solo una cosa lo tendrás en el color orange on olive? bueno prácticamente serian las puras imágenes, si lo tienes te lo agredeceria mucho, esta excelente tu web sigue así!!!
hola, gracias por pasar esta plantilla a blogger, me encanta, ahora la estoy usando en mim blog:
http://consejodesabiosandujar.blogspot.com/
I’m sorry I can only write English fluently, but I wanted to tell you what a wonderful job you are doing of creating such beautiful templates for Blogger blogs 
Soon I’ll be publishing a long article about the best Blogger templates and of course I’ll be featuring many of your designs.
Thank you very much for your contributions to the Blogger community!
Best wishes,
Amanda (Blogger Buster)
Hello! Don’t worry, i can understand perfectly your English but i don’t write it very good. I’m glad for your recognize my work with the Blogger templates. The words of people like you encourage me to continue making it. Thank’s for your comment and regards from Spain
Hermano que tal tengo un blog ya formado pero la plantilla me gusto muchisimo.
Cree otro blog para provarla yo mismo pero tengo un problemita….. la imagen gis de GLUTTIONY no puedo cambiarla por una a mi gusto propio.
Puedes ayudarme ???
gracias.
hasta luego
hermano no se si tu visitaste mi blog.
pero me puedes ayudar con lo q te comente???
Hola Alejandro. Siento la tardanza en contestar. Estoy en pleno período de exámenes y es difícil encontrar un hueco para publicar artículos o responder a vuestros comentarios.
Estaré encantado de ayudarte, pero tienes que ser un poco más explícito en cuanto a los cambios que deseas realizar. ¿Qué imagen de la plantilla quieres cambiar? Ten en cuenta que la estructura visual del diseño está compuesta por varias imágenes diferentes.
Saludos!
Bueno hermano pues la imagen es la de color gris con las letras {Gluttony} que se encuentra justo debajo del menu superior.
Gracias,
Hasta pronto
Para reemplazar esa imagen, sólo tienes que buscar la clase .header en el código CSS de tu plantilla (accediendo al modo de edición HTML) y sustituir la dirección de la imagen que se encuentra entre paréntesis, dentro del código “background”, por la dirección de la imagen que desees añadir.
Espero que te sirva de ayuda Un saludo!
Perdon que te moleste hermano. Pero justo habia hecho lo que me indicas (que lo indicas tmb un poco mas arriba). Y la verdad que lo intento y lo intento y me provoca un error que dice esto:
_________________________________________
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
Se ha encontrado más de un artilugio con el ID: HTML2. Los ID de artilugio deben ser exclusivos.
_________________________________________
Gracias y perdon por molestar tanto.
Amigo…… problema resuelto.
Gracias por la atencion. Buen sitio.
Hasta pronto y Gracias. 
Hola Alejandro. Me alegro de que hayas resuelto el problema. Como supongo que ya sabrás, se debía a que había más de un artilugio con el mismo nombre o ID. Sólo es necesario modificar el ID del elemento que está repetido y se solucionará el problema.
Un saludo
Hey ivan esta muy bunea tu plantilla pero tengo un error el code del menu no aparese en la plantilla si puedes darme el code del menu y en que parte se coloca en la plantilla te lo agradeseria ya que le hace falta el menu muy buena ya la modifque y me quedo muy bien solo me falta el menu
Hola Reggae! El código del menú lo tienes en este mismo post, tan sólo debes modificar las comillas que se muestran en el mismo (como puedes ver están algo inclinadas “”) y reemplazarlas por las que se encuentran en las mayúsculas del número 2 de tu teclado. Debes colocarlo en el primer elemento de página HTML/Javascript de la parte superior de la plantilla, en la sección de edición de elementos de página de Blogger.
Saludos!
Esta plantilla está espectacular, solo que mis post con numeros y viñetas estan muy pegados voy a tratar de cambiar las diemsiones, buen trabajo eh
pero que aces manuel??
si queires divertirte dile a tu padre que te saque a paseo!
exelente planitlla Ivan, tiene un gran sieño
hola hola estoy por utilizar esta plantilla pero tengo ciertas dudas acerca de los anchos de las columnas.
todo va bien excepto que poniendo a 250 la sidebar se me repite la lupa de la searchbar
lo mismo apra el contenido,
Hola! La lupa del buscador se repite porque está optimizada para las dimensiones originales del diseño. La composición de esta plantilla se basa casi íntegramente en imágenes, por lo que las adaptaciones son algo más complicadas. En cualquier caso, para que el contenido no se te desplace al poner el ancho del sidebar en 250 píxeles, basta con que amplies el ancho (width) del código CSS #container en 50 píxeles.
Saludos!
Exclente Plantilla Ivan, tiene un gran diseño, gracias por adaptarla para blogger, espero que no sea la unica..
Saludos