Plantilla para Blogger Pop Blue
Si es la primera vez que visitas este sitio, no olvides suscribirte al feed RSS o participar como blogger invitado. Gracias por tu visita!
La primera vez que vi este theme de 3 columnas para Wordpress lo guardé en mis favoritos para adaptarlo algún día a la plataforma de Blogger. Ese día ha llegado y el resultado se llama Pop Blue, un template para Blogger de 3 columnas con un estilo algo minimalista y con un diseño azulado listo para utilizar en cualquier tipo de blog. La plantilla es totalmente gratuita y está disponible bajo licencia Creative Commons, lo que significa que para usarla en tu blog sólamente tienes que conservar los créditos que se muestran en la parte inferior de la página de demostración o incluir un enlace en cualquier otra parte hacia Blogohblog y Zona Cerebral.
Su diseño es bastante sencillo, está formada por un header con una imagen de fondo, una barra de navegación con algunos vínculos y dos columnas situadas a la derecha del contenido. Mediante este enlace puedes descargar la imagen del header en formato PSD para personalizarla a tu gusto con Photoshop.
Si no tienes este programa y aún así deseas utilizar este diseño en el header de tu blog, sólo tienes que enviarme un e-mail o dejar un comentario en la entrada detallando el texto que te gustaría que apareciese, el color del título, el tamaño, etc. El resto de imágenes utilizadas están alojadas en Imageshack, aunque es recomendable descargarlas y subirlas a un servicio de hosting propio.
Descarga
Personalización
Menú. Para modificar los enlaces que se incluyen en el menú de la parte superior de la plantilla, tienes que acceder a la sección de elementos de página en tu panel de Blogger y editar el elemento HTML/Javascript que se encuentra debajo de la cabecera del blog. Una vez allí, añade el siguiente código modificando cada símbolo # por el enlace que desees:
<div id="navcontainer"> <ul id="navlist"> <li><a href="#">Inicio</a></li> <li><a href="#">About</a></li> <li><a href="#">Archivos</a></li> </ul> </div>
Fecha. Las opciones del tipo de fecha y su colocación en cada post han sido alteradas para conservar la similitud con el diseño original del template, como puedes ver en la siguiente imagen:
Si tienes dudas sobre la instalación, modificación o cualquier otra cuestión relacionada con esta plantilla, no dudes en dejar un comentario en esta entrada o enviarme un e-mail. Intentaré responderte con la mayor brevedad posible. ¡Que lo disfrutes!
Recibe las actualzaciones del blog suscribiéndote al feed RSS de Zona Cerebral!
20 Comentarios
Hola Hernan! Muchas gracias, me alegro de que te guste. Saludos 
Hola,
Te he elegido para el “Premio al Blog Solidario”, porque siempre ayudas a todos con tus conocimientos sobre como mejorar nuestras vida.
Solo tienes que pasar por mi página y copiar el sello, pegarlo en tu blog, y seguir esta cadena, -si lo deseas- premiando a otros siete blogs.
Otro gran trabajo ¡felicidades Iván!
Te mando un saludo 
Muchas gracias Francisco. Leo tu blog a diario y cada día lo encuentro más interesante. Un saludo amigo
cool, simple ble 
Thanks
hola
quiero ver si puedo adaptar este template a mi blog, pero cuando lo quiero cargar me pone error bx… 
no se cual sera, pero probe en 3 blogs diferentes y nunca lo pude cargar, siempre de maneras diferentes.
si sabes cual puede ser el error me encantaria q me avises a ver q puedo hacer
desde ya gracias, saludos
Hola! No se cual puede ser el problema, ya que otros bloggers lo han instalado sin ningún contratiempo. ¿Qué navegador utilizas?
Saludos!
iván, uso firefox 2.0.0.11, pero tambien probé con IE7 y me salta error igual
la verdad es q no se me ocurre que puede ser, voy aprobar con otra plantilla a ver que pasa. Lei por ahi que hay conflicto con la splantillas wordpress adaptadas a blogger, pero de ahi a que sea cierto no lo se.
Saludos
Hola que tal!! oye primero felicitarte por tu trabajo!! y segunda, esta plantilla me gusto mucho para un proyecto ke estoy haciedo, pero tengo un problema la barra de navegacion no aparece (donde estan los vinculos en la parte de arriba), y quiero modificar los colores, lo trato de hacer desde blogger pero no funciona, asi que lo quiero hacer por HTML, pero apenas estoy entendiendo esto de las plantillas y si me pudieras ayudar estaria muy bien
gracias!
Wooow! This is a great template man!
Just downloaded it
Hola,
I am redesigning my blog with popblue as you can see the logo, but I have a problem: I don’t have the date/time, but just the time and a wrong wording in french: “à l’adresse 17:49″ instead of “a lunes, Noviembre 22, 2008″
can you help me ?
¡IVAN URGENTE!
Tengo funcionando la plantilla (editada) en mi blog http://www.mejoresvideos.net.
Me gustaria saber como hacer para Linkear la imagen, es decir, para que cuando clikea encima de ella me lleve al home del blog.
Me gusta mucho esta plantilla, y seria una pena tener que cambiarla por esto.
Por favor responde!!!
Hola!
Puedes solucionarlo buscando en tu código HTML la etiqueta div con el ID “header-inner”. Cuando la encuentres, busca la etiqueta div que delimita su contenido. Ahora inserta un enlace que encierre toda esta etiqueta para vincular su contenido. Por ejemplo:
<a href="http://TUENLACE"> <div id="header-inner"... <div class="titlewrapper"... <h1 class="title"... </div> <div class="descriptionwrapper"> <p class="description"> <span>Los mejores videos de las paginas de videos y en todas sus categorías. Si no es un vídeo excelente, no esta aquí.</span> </p> </div> </div> <!-- Aquí termina el div header-inner --> </a> <!-- Aquí termina el enlace -->
Hice exactamente lo que me indicaste. No funciono 
Que buenos trabajos realizas, te felicito