Plantilla para Blogger Blue Blog
Si es la primera vez que visitas este sitio, no olvides suscribirte al feed RSS o participar como blogger invitado. Gracias por tu visita!
Lo prometido es deuda, así que aquí os presento la adaptación del theme para WordPress Blue Blog diseñado por Kailoon y convertido en una plantilla para Blogger, formada por 3 columnas, un espacio para incluir la imagen del autor, una zona gestionada mediante tabs o etiquetas y un amplio conjunto de elementos decorativos en tonos azulados.

El código de esta plantilla adaptada se comparte de forma gratuita bajo licencia Creative Commons Reconocimiento-No comercial, por lo que el único requisito exigido para utilizarla es el mantenimiento de los enlaces situados en el pie de página del diseño, a modo de reconocimiento por el trabajo realizado.
Descarga.
Personalización.
Header. El título predeterminado que suele aparecer en las plantillas para Blogger, ha sido suprimido. En su lugar, el código correspondiente a la cabecera del blog se encuentra contenido en la etiqueta div, cuyo “id” es “header“. Dentro de ésta, tendrás que modificar la dirección y el nombre del título (blogname), la descripción (description) y el enlace de suscripción al feed RSS del blog (rss). Un par de líneas por debajo, se encuentra la lista de enlaces relacionada con los vínculos del menú de enlaces que se muestra en el blog, que puedes modificar a tu gusto.
Foto. Reemplaza la imagen del logo del blog de Kailoon por tu foto o por la imagen que desees, editando la dirección url del atributo background, dentro del bloque de código CSS cuyo id es #blogger.
Tabs y buscador. Antes de agregar ambos widgets, es necesario que descargues los Scripts jQuery y Tab disponibles en los enlaces de descarga. Posteriormente, deberás subirlos a alguna plataforma de alojamiento gratuito que te permita enlazarlos y hacerlos funcionar desde tu blog, como por ejemplo Google Pages. Una vez que los hayas subido, has de sustituir las direcciones de los Scripts en los códigos que se encuentran justo antes de la etiqueta </head> (al terminar los códigos CSS y antes del body), por aquellas en las que estén alojados los Scripts. Por ejemplo:
<script src='http://tusitio.com/jquery.js' type='text/javascript'/> <script src='http://tusitio.com/tab.js' type='text/javascript'/>
Los códigos del cuadro que funciona a través del script tab.js situado en el sidebar y del buscador, se encuentran en este archivo de texto. Descárgalo y accede a la sección de elementos de página de tu plantilla. Agrega un nuevo elemento HTML/Javascript en la primera sección del sidebar, es decir, en la que se encuentra en la parte superior de la columna y pega el código anterior, modificando los valores correspondientes a los títulos de cada fragmento (fragment 1, 2 y 3), así como los enlaces o los contenidos que desees insertar. Recuerda sustituir la dirección del buscador para que funcione correctamente por la de tu blog acabado en /search. Por ejemplo: http://DIRECCIÓNDETUBLOG/search.
Entradas del blog. Haz click en “Editar” en la sección de entradas del blog y selecciona las siguientes opciones:

Recibe las actualzaciones del blog suscribiéndote al feed RSS de Zona Cerebral!
62 Comentarios
De nada Luis. Siempre es un placer contribuir con un nuevo diseño adaptado. Gracias por comentar
Saludos!
Es imposible descargar la plantilla, porque sale error
Hola Claudia! Tenías razón, había un error en el código de los enlaces. Ya está solucionado. Gracias por avisarme
Saludos!
La mejor plantilla que he visto hasta el día de hoy en blogger, espléndida. Cada vez que escribes, te vas superando iván
Saludos
Un excelente trabajo,sin duda cada día son mejores tus plantillas…
love this template. Thank you very much!!!.. see my page (after some modification on image)
Muchas gracias chicos. Vuestro apoyo es fundamental para inspirarme a la hora de escribir y adaptar plantillas. Gracias por comentar
Saludos!
Tremenda plantilla chabon muy buen laburo !!!! genial !! muchas gracias por compratir !! saludos que andes bien !!
chabon como hago para que los link del sidebar se me habran en una ventana aparte cuando hago click en alguno de ellos??
Gracias Nico. Me alegro de que te guste esta plantilla. Para que los enlaces se te habran en una nueva ventana, debes incluir el target=”blank” en el enlace. Por ejemplo:
Espero que te sirva de ayuda. Un saludo
Gracias por responder, eso lo habia hecho master pero quedan muy fuera de lugar los link dentro del cuadro hay alguna una forma especial de acomodar el blank?? si podrias poner un ejemlo del codigo te agradeseria mucho saludos !!! y gracias !
tengo una duda lo subi pero me sale un signo de ? donde deverian ir las tildes xq?
Entra en el modo de edición de elementos de página en Blogger y prueba a editar el título de los widgets en los que te aparece ese signo de interrogación o a eliminarlos y añadirlos de nuevo, en caso de que esto no solucione el problema.
Un saludo
hey How do we remove the label count, in the label section, as done in the demo??
Muchas gracias por tu tiempo y esfuerzo y por compartirlo con los demás.
Tengo 2 problemillas:
1. Quiero poner el archivo de blog con el widget de Blogger destinado a ello… pero al añadirlo me sale de tamaño más grande a la capa, no sé si me explico, que es más ancha la capa donde me sale lo de archivos y se me descoloca .
2. En las etiquetas, el número de entradas con esa etiqueta, que sale entre paréntesis, en vez de salirme situado al lado de la palabra que designa la entrada me sale en la línea de abajo, por más que lo intento no consigo que me salga en la misma línea.
Gracias por anticipado.
Sigue con el buen trabajo que haces.
Hi Iván!
I’ve tried to download the xml format but there’s something wrong with the link
. Could you fix it?
Thanks!
Excelente plantilla!
Seguro podría modificarle el color?
@ Tatiana: Lo que puedes hacer con tu problema del parentesis, es eliminarlo. Yo lo he conseguido de la siguiente forma para el archivo del post:
Expandiendo artilugios, busca un código como este [a expr:href='data:i.url'><data:i.name/][/a] ([data:i.post-count/])
Y elimina la última parte entre parentesis, esa es la que te marca el contador de entradas por mes, ahora que para las etiquetas busca un codigo similar a ([data:i.label-count/]) seguro que así lo encuentras y solo habr´pa que deshacerse de él.
Saludos! espero te sirva, eso si. aguarda antes de borrar!!
Gracias LiLimint ya he conseguido eliminarlo, que buscaba donde no era
Tengo problemas, cuando cargo la plantilla a blogger me da un error, y que mande un mensaje a ellos y describa lo que estaba haciendo … pero solo estaba cargando la plantilla, puede que sea porque en la plantilla hay palabras con tilde ??? … aunque ya se las saque y sigue igual ….
Hola Ivan, gracias por esta plantilla, es excelente…tengo un problema….cuando pego el codigo y guardo la plantilla , me sale un error y dice que confirme borrar los siguientes widgets, la unica opcion que hay es borrar y guardar, al ver como queda el blog , no se ve igual al demo que tienes aqui , aparece sin ningun widget….que debo hacer para que no me borre los widgets? la verdad no se mucho de programacion….gracias
Necesito que me ayudes Iván. He instalado esta plantilla en mi blog, pues desde el primer momento que la vi, me fascinó. Pero he tenido algunos problemas que afortunadamente he superado. Todos menos uno. Te explico. En la sidebar izquierda (columna izda) he puesto una serie de elementos, como por ejemplo los enlaces. Y el problema es que el cuadro o la tabla de fondo, al final de la última línea, deja un espacio en blanco, y después se cierra el cuadro. Y no consigo hacer que ese espacio en blanco desaparezca y se cierre el cuadro o tabla por completo. ¿qué debo hacer?. He reducido el número de enlaces a 4 o 5 y el problema se soluciona, pero tengo que quitar muchos enlaces.
Por favor, si visitas mi blog, verás a qué me refiero. A ver si me puedes ayudar. Gracias.
Blog: http://www.elrebujitonotaja.blogspot.com
Por favor, me puedes ayudar???
Hola Iván
De nuevo una plantilla muy especial y buena la cual estoy probando pero, que tras descargarla ( formato .XML) me ha dado los siguientes problemas:
1) El título me sale en negro en vez de blanco como la DEMO.
2) El primer grupo de 3 elementos en la barra que según la DEMO deberían de salir uno al lado del otro, a mi no me salen así sino uno debajo del otro con el título grande en negro.
3)Y por último el buscador no aparece por ningún lado.
Te estaría muy agradecido tu ayuda en estos tres puntos.
Desde ya muy agradecido.
Hola de nuevo Iván,
El punto 1) ya lo conseguí resolver. Puse un código de color antes del título y listo.
Pero los puntos 2) y 3) me di cuenta que lo tenias explicado en la personalización, pero al intentar descargar los códigos del cuadro que funciona a través del script tab.js situado en el sidebar y del buscador, que se deberían encontrar en el „archivo de texto“, no aparecen códigos algunos por ninguna parte.
¿Hay algún error, o como puedo conseguir dichos códigos?
Saludos y gracias de nuevo.
Alguna sugerencia?
Gracias
Hola Talín! Siento no haberte podido contestar con anterioridad por mi falta de disponibilidad absoluta a causa de los exámenes finales y demás. En cuanto al archivo al que te refieres, el enlace se encuentra en las opciones de personalización, en el epígrafe de “Tabs y buscador”. Puedes descargarlo aquí:
http://zonacerebral.com/plantillas/Blueblog/Tabs-buscador.txt
Posteriormente, tan sólo has de seguir las instrucciones que se detallan paso a paso en el post. Espero que te sirva de ayuda.
Un saludo
Ante todo gracias Iván por buscar un ratito entre tus examenes para contestarme.
Lamentablemtne sigo sin poder utilizar la primera siedebar, ya que no consigo descargar los códigos que deberían estar en dicho link. Simepre me sale una página, pero por ningún lado códigos.
Saludos
Saludos y gracias por esta plantilla. Tengo una duda sobre cómo utilizar los scripts JQuery y Tab, ya que soy neófito en la personalización de plantillas.
Navegando logré hacer que funcionaran los scripts, pero no así el cuadro de buscar, cada vez que deseo hacer una búsqueda en el blog no obtengo resultado alguno, ya seguí las instrucciones de arriba.
Ele fica melhor visualizado só no internet explorer.
esta linda ivan pero me oculta barios bloques de adsense…
y suprimistes muchas cosas que las personas que buscamos poner publicidad modificamos como poner publicidad debajo del titulo etc..
pero esta chida esta plantilla
Hola Ivan
Sería posible colocar distintas imágenes en la cabecera de la derecha del autor de tal manera que cada vez que se acceda al blog, o se refresque la página, la imagen cambie aleatoriamente.
Desde ya te agradezco tu ayuda.
Talín
Muy buena platilla, espero sigas creando muy buenas para blogger mi respeto para ti Iván
Please help, the images are gone from the template. The date image is gone and lots of images are missing, please please fix it
Hi Chroncile! Yes some images are missing, i will try to fix it in this week. Thank’s for notice it.
Hey Iván, how is the template? Is it almost done?
Thanks so much for fixing it
Esta plantilla la tenia instada yo en unos de mis blogs
Hey Ivan, I just checked out the Demo and the tab script is working. Can you tell me how you got it to work? Thanks man
Also, I might be doing it wrong. The only thing I did was add this script to the page elements:
http://zonacerebral.com/plantillas/Blueblog/Tabs-buscador.txt
Is that okay?
Ivan, please fix this template. I love this template, but I can’t use it when it’s broken
Please, please fix it, I really beg of you. I have been waiting for more then 3 weeks now and I’m afraid that you are not going to do it.
Please reply to this comment as I will highly appreciate it, thanks
Hi Chroncile.
Sorry for the delay in fixing this template, because i was following the order of creation for fix all the templates. But how you remember me that you need this, now it’s fixed as you can see in the demo page. Now you can download the template, codes and scripts (this have to be uploaded in a free or personal hosting and linked in the script codes just before “head” closer) and install it! Thank’s for your patient and regards my friend
See you!
gracias por esta plantilla
muy buena ![]()
http://zonacerebral.com = mas cosas hehehe
salu2
De nada amigo, me alegro de que te guste
Saludos!
Thank you so much for this amazing template
I have one question, how do you add recent posts and recent comments to the tabs? I would highly appreciate it if you told me.
Thanks
No problem mate, i’m glad you like it.
To install tabs, you have to install the scripts and download this txt code. Now add a new widget HTML/Javascript in the sidebar top section and paste that code, modifing links and texts in the divs fragment1, fragment2, fragment3.
Tabs only can show images, links or other content based in HTML or Javascript. Then you should search a method to display recent posts or recent comments using this.
But you can add recent comments and recent posts out of the tabs widget. Only add a new widget “Feed” to show content of a feed url, and put this urls:
Comments: http://tublog.blogspot.com/feeds/comments/default
Posts: http://tublog.blogspot.com/posts/comments/default
Regards
holaa!! muy buenos aportes!! toy tratando de aprender a manejar esto pero me cuesta un poco!! necsito darle forma al blog! y me cuesta!! ![]()
bueno espero conocer mas gente que me ayude como estos blogs! abrazos! dejo el mio para que lo vean!
http://jadgrafico.blogspot.com/
Una excelente plantilla y un blog sensacional.
Pero tengo un pequeño problema, al no existir google pages he subido los scripts a http://boxstr.com pero no me funcionan y me salen los enlaces de forma horizontal. Conocen alguna alternativa a google pages que funcione para scripts.
@Jorge. Hola! Muchas gracias, me alegro de que te haya servido de ayuda. No te preocupes, todo con tiempo y dedicación se consigue
@Zarandajas. Gracias. Puedes probar usando SkyDrive. Aquí tienes unas instrucciones detalladas sobre como alojar archivos y obtener su dirección url.
Saludos!
Muchas gracias!ya esta todo correcto, eres un maquina!
Gracias a ti también por comentar y por usar la plantilla
Un saludo!
Hello,
Nice Templates
thanks
Olá,
Aproveito para vos agradecer pelo Modelo de Blog, pois está espectacular.
Fizemos apenas uma alteração, que foi a de alterar a imagem principal.
Mas estamos com um pequeno problema, pois não aparecem algumas imagens.
Obrigado.
Thank’s For Info
Hi there,
do you have any idea why the date in fron of the post title is not shown on all postings?
It’s difficult to explain but take a look at http://bauen.knecht-ruprecht.info/
There are four postings and the second one lacks the date. Not sure if this is by purpose or not: Do oyu have an idea how I can force the date to appear for each posting? At the moment it is supressed for postings with the same date.
Thanks!
BTW, I believe this is not a template related but a Blogger question. Nevertheless, maybe you have an idea?
bueno pues.. hmm lo unico que no entiendo es lo de subir al un host gratuito que es lo que devo de subir y que devo hacer o como devo hacerlo please me urge..
HOLA TENGO UN PROBLEMITA CON LA PLANTILLA QUISIERA INCRUSTAR LOS COMENTARIOS AL PIE DE CADA ENTRADA ANTES TENIA UN PLANTILLA Y ME SALIA A SI PERO CON ESTA NO ME SALE A PESAR DE QUE ESA OPCION ESTA ACTIVADA ME GUSTARIA QUE ME EXPLICARAN COMO PODER RESOLVER ESTE PROBLEMITA TODO LO DEMAS ESTA PERFECTO.
Trackback
- Blogger Templates -Beautiful Blogger Xml Templates(100+) | Dobeweb
- HTD-34 » 125 More Excellent Blogger Templates (The Best Yet!),Best Blogger Templates
- Blogger Templates – Beautiful Blogger Xml Templates[100+] [Free Download] « psysky
- Blogger Template - BlueBlog | Blogger Templates Blog
- BlueBlog | Blogger Templates |Blogger | Free Website Templates







Muchas gracias Ivan, por fin has vuelto con otra Excelente plantilla..
Saludos