Plantilla Bloggerbloc | Oloblogger Ya hacía tiempo que varios me andabais pidiendo la plantilla que este blog venía usando desde sus or...

16 de septiembre de 2009

Plantilla Bloggerbloc

Ya hacía tiempo que varios me andabais pidiendo la plantilla que este blog venía usando desde sus orígenes hasta hace no mucho. Lo cierto es que muchos de los efectos estaban metidos como gadgets, confusamente repartidos por todo el código y por ese motivo, he tardado un poco en desliar toda la madeja. Retocando y retocando, al final me ha salido un template algo distinto del que estabais acostumbrados a ver, pero creo que conserva la esencia del anterior... o sea, oscura, nada elegante y quizás algo recargada, pero es que no me gusta que todo sea tan del estilo 2.0.

La que os podeis descargar ahora, es una plantilla en condiciones, lista para ser instalada sólo subiendo el archivo .xml correspondiente. Cierto es que tendreis que hacer unos ajustes iniciales, pero esos, además de que se explican en la propia web demostrativa, son bastante fáciles de hacer.

Para cosas mayores, consultar los distintos posts que incluye, porque me he liado tanto que al final he incluido un montón de cacharritos, que sin embargo creo que os pueden venir bien. Si no os gustan, con quitarlos estará arreglado.

El código incluye muchos comentarios para saber qué hacen ciertas partes de código, así como instrucciones para cambiar algunos elementos. Creo que aunque sólo sea por verle las tripas instalándola en un blog de prueba, merece la pena.

Click en la imagen para ampliar

Enlace a la plantilla

Como es mi primer template público, espero que seais caritativos con el autor y sepais perdonar los posibles fallos... que por cierto, espero me comuniqueis.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

57 comentarios :

  1. Muchas gracias. Me parece una plantilla estupenda. Voy a probarla.

    Un saludo y gracias otra vez.

    ResponderEliminar
  2. Solo te faltaba crear una plantilla...

    jiji

    ResponderEliminar
  3. Olomio,
    Me da gusto ver esta creacion tuya al alcance de todos, me la he bajado y todo funciona de maravilla, bueno que se puede esperar de ti si eres "casi perfecto", observo y lo que se persive en ella es algo...(¡)
    no se como describirle,tal vez un titulo muy conveniente hubiera sido:

    " El de Oblo "

    Subliminal mi querido Olomio,aun asi, en gustos se pierden generos y esta de mas decir que a algunos les gusta claro y a otros les gusta obscuro,la verdad siempre se divide en dos, y aveces las mentiras son verdad o terminan siendolo;

    Espero que nos des mas... de verdad, los que te queremos asi lo deseamos, y los que te deseamos muchas satisfacciones, asi lo queremos...

    Se despide una de tus mas fervientes admiradoras y seguidoras...

    La Plumita.

    ResponderEliminar
  4. MariClick, ya vi que montaste un blog de pruebas. A ver si te cuadra la plantilla con tu estilo.

    Mercier, todavía me falta escribir un libro. Lo del árbol y el hijo ya lo tengo hecho :)

    Plumita anónima, no sé si es que has olvidado poner tu perfil o realmente no has querido hacerlo. En cualquier caso, gracias por tan cálido mensaje.

    ResponderEliminar
  5. Bueno, pues vengo a agradecerte qeu hayas esperado y ahora todos a dormir qeu mañana será otro día largo. Muchas gracias y que haya suerte (rivalidad sana donde las haya), pero eso sí, después de mañana te seguiré, que esto de leer blogs engancha y me he encontrado con cosas muy buenas.

    Yo fui uno de los que te visité y desde ahora firmamos los comentarios.

    Un placer

    FD: Fer de Deprisa

    ResponderEliminar
  6. hola amigo, si no eres dios, te le pareces, la plntilla está 10 puntos!! Salu2 desde Madrid.
    ¡Hala Madrid!
    ¡¡Hala Madriiid!!

    ResponderEliminar
  7. Hola Oloman,

    Comento otra vez para preguntarte si podrías darme más información sobre cómo funciona lo del page back,

    Muchas grácias

    ResponderEliminar
  8. Deprisa-Fer: Muya amable

    Ivizioadicto... ¡ni siquierea me aproximo!

    Mercier, no sé a qué te refieres con lo del PAGE BACK.

    ResponderEliminar
  9. ¡¡¡ felicidades por el 1º puesto en el concurso de 20 minutos, en diseño y en ciencia y tcnologia...
    olé,olé y olé....
    me satisface haber contribuido en la votación.
    Como tengo este blog enlazado al mio, seguiré visitandote.Gracias por tus enseñanzas.
    Un saludo.

    ResponderEliminar
  10. Perdón,

    Me refiero a lo del fondo principal

    ResponderEliminar
  11. Gracias a tí Anna, aunque realmente se trata de una clasificación provisional hasta el día 28.

    Mercier, el fondo principal se coloca en el BODY (parte CSS, antes de /SKIN), mediante un
    background:url(DIRECC_IMAGEN);

    ResponderEliminar
  12. Muy buena, de verdad. Ya la estoy probando.

    ResponderEliminar
  13. Bueno ctxarly, la he visto y creo que eres el primero que la luce al completo. Me alegro de que te gustara.

    ResponderEliminar
  14. BAJO EL RCHIVO Y DESPUES Q HAGO????

    ResponderEliminar
  15. DISEÑO > EDICION DE HTML > EXAMINAR + SUBIR

    Lo tienes explicado con más detalle en Cambiar la plantilla quién dijo miedo :)

    ResponderEliminar
  16. lo acabo de probar con un blog de rock q tengo
    jajajajaja quedo bueno miralo

    http://losmejoresvideosdelos80.blogspot.com/ ... gracias
    pero lo q yo queria saber como puedo hacer con mi blog q estoy haciendo
    quiero algo distinto...
    por cierto gracias tambien por la informacion del flash...
    lo que quiero hacer es algo como la pagina
    de xthedaniex.com
    ....
    mi blog es este mira
    http://visiong12carabayllo.blogspot.com/

    ResponderEliminar
  17. pork ya no puedo entrar a administrar mi blog?
    me hackeaste con esa plantilla?
    no seas malo hermano...

    ResponderEliminar
  18. No está hackeada. La navbar aparece cuando pasas el puntero por la parte superior. Desde ahí puedes acceder al panel de administración, aunque también tiene otra barrita cuando estás logueado, sólo visible para el administrador. Echale un vistazo a la página DEMO porque allí vienen todas las cosas que tiene la plantilla.

    Para hacer algo distinto, directamente tendrás que buscar otra plantilla distinta. Esta es así... como ves.

    ResponderEliminar
  19. Anónimo24/9/09 0:15

    y donde consigo esas plantillas distintas?
    disculpa las molestias...
    hay algun sitio donde hay plantillas para blog? igual q xthedanex.com

    ResponderEliminar
  20. estaba mirando y dije esta plantilla sera facil hacerla?
    http://red-cristiana.blogspot.com/

    ResponderEliminar
  21. @Anónimo, tendrás que buscar en internet. Hay muchas. Busca directamente "Plantillas Blogger" o "Templates Blogger".

    Caseras, la plantilla que comentas es bastante fácil de hacer. Prácticamente es una Mínima (blanca) con cabecera, tonos azules y un icono propio para las listas.

    ResponderEliminar
  22. Hola Oloman instale tu plantilla porque me parecio muy guapa ,pero despues de configurarla en firefox aun se ve un formulario recortado y ayer me dijeron que se veia fatal en Explorer y no se como arreglarlo,si pudieras echarle un ojo,te lo agradeceria ya que no estoy muy dado en estos temas jeje,la direccion es ampaseat.blogspot.com ,gracias por adelantado.

    ResponderEliminar
  23. Hola David. El formulario que has incluido es un gadget externo que no conozco. Deberías limitar su anchura (creo que eran 410px) si el servicio dónde lo creaste te deja.
    Por otra parte, he visto que tienes las fechas de los posts en un formato que no es el adecuado para esa plantilla. Quedaría mejor si lo cambiaras a la versión corta DD/MM/AA
    Te recomiendo que eches un vistazo a los posts que hay en la demo, porque allí se explican una serie de ajustes previos que hay que hacer necesariamente y algunos trucos para modificarla/optimizarla.

    ResponderEliminar
  24. gracias por la respuesta tan rapida Oloman lo de la fecha ya lo he cambiado y el resto lo ire probando haber si lo consigo jeje ,pero lo de que se vea tan mal con el explorer porque es?

    ResponderEliminar
  25. No tengo ni idea. En su momento lo probé y ahora con IE8 lo veo bien. ¿No tendrás puesto en IE un tamaño de letra mayor del normal o algo así?

    ResponderEliminar
  26. tienes libre la plantilla actual?

    ResponderEliminar
  27. No Cordobess@, de momento no; aunque tienes una muy similar que es la base de esta y que se llama Notepad Chaos. Buscando en internet la versión para Blogger, te sale fácil.

    ResponderEliminar
  28. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  29. Hola y gracias otra vez Oloman! Bien he visto esa plantilla que comentas!
    solo tengo un problema, tu tienes separada la imagen de fondo del blog, de la imagen del cuaderno.
    En esta plantilla que me comentas la imagen del cuaderno es el mismo fondo.
    como puedo separarlas? quisiera poner de fondo una imagen en particular.
    Por cierto he añadido el boton de tu blog a dos de mis blogs. Verdaderamente haces un trabajo buenisimo.

    ResponderEliminar
  30. Tendrías que editar la imagen principal (Pageback, creo que se llamaba) y borrar lo que no te gusta. El cuaderno empieza con esa imagen, pero luego hay otro fondo que se repite para ir construyendo el cuerpo principal. Por último está la imagen del pie. El resto que ves es un fondo plano azul.

    ResponderEliminar
  31. si lo intente, pero al subir las dichosas imagenes otra vez, y sustituirlas en la plantilla no encajan ¿? no se a que se debe, mirare si el problema es porque el tamaño es diferente...
    si no creo que me rendire :(

    ResponderEliminar
  32. Cordobess@, si no encajan, seguro que es porque no son del mismo tamaño. Si las estás alojando en Blogger, asegúrate de que usas la imagen de la carpeta s00 ó s1600.

    Más info aquí.

    ResponderEliminar
  33. Hola Oloman, en primer lugar felicidades y muchas gracias por enseñarnos a los que estamos empezando en esto. Tengo un blog de aula y ahora quiero hacer otro para ir subiendo los artículos de mis alumnos. He elegido tu plantilla, que me encanta, y conocía porque te leo asíduamente para aprender.me gustaría hacer algunas partes no desplegables, para que a la hora de instalar los últimos comentarios o post en el blog de clase se vean directamente sin tener que desplegarse. ¿Puedo hacerlo? si es así ¿cómo lo hago? Muchas gracias por adelantado.
    Donde quiero hacer los cambios es:
    http://historiazueralumnos.blogspot.com/

    ResponderEliminar
  34. Fernando, todos los nuevos gadgets que incorpores con esa plantilla a tu blog, serán no-desplegables. Lo complicado es hacerlos desplegables, así que no te preocupes. Simplemente añádelos.
    Saludos.

    ResponderEliminar
  35. Hola Oloman, te saludo desde el Pulgarcito de américa, hace unos días una estudiante me recomendó tu blog para mejorar la apariencia del mío y me ha parecido de lo mejor. Lo he usado y me parece muy, pero muy adecuado. Gracias por darnos parte de tu saber. Pero, tengo un problema con los seguidores, no me aparecen... me podrías ayudar? desde ya muchas gracias. mi blog es http:merinoylaciencia.blogspot.com

    ResponderEliminar
  36. Hola Karlos. Muchas gracias por el halago. En cuanto al tema de los seguidores, el problema es que ese gadget desaparece pero no para todo el mundo. Hay gente que lo verá y gente que no lo verá.

    Creo que todavía no hay una solución 100% eficaz, aunque sí hay algunos truquillos para suplirlo mientras no se soluciona el asunto.
    Ver: http://oloblogger.blogspot.com/2009/12/en-breve-problemas-blogger.html

    ResponderEliminar
  37. Gracias a ti por tu respuesta pronta y eficaz.

    ResponderEliminar
  38. Anónimo6/3/10 18:18

    ¡Hola! Oloman, me encanta tu sitio siempre brindándonos ayuda y conocimiento.
    Tu plantilla esta muy linda, y la he usado en mi blog, por lo cual quería que me ayudes lo que pasa es que quiero cambiar el Leer más… que se vea toda la entrada, deseo quitar los códigos lo intente mucho pero no puedo, me sigue saliendo leer más aunque se vea toda la entrada.
    Besos.
    Sara

    ResponderEliminar
  39. Aquí tienes cómo está montado el sistema en esa plantilla
    http://oloblogger.blogspot.com/2009/06/post-en-forma-de-sumarios-leer-mas-en.html

    Sólo tienes que hacer los pasos al revés, quitando lo que se añadió y reponiendo lo que se quitó, y ya lo tendrás como quieres.

    ResponderEliminar
  40. Anónimo8/3/10 2:53

    Muchas gracias, eres genial y perdón por las molestias. Te re-quiero.

    Besos.
    Sara.

    ResponderEliminar
  41. ¡Guauu! ¿Es eso una indirecta? :D

    ResponderEliminar
  42. Hola, mira quería hacerte un pregunta,¿has usado algún programa para crear esta plantilla? es que es muy original. Estoy empezando en esto de los blogs y me gustaria saber como crearme un diseño guapo...
    Un saludo

    ResponderEliminar
  43. Hola Víctor.
    No hay ningún programa para diseñar plantillas Blogger, salvo el del propio Blogger.

    Lo que sí hay son muchos diseños prefabricados por ahi que te puedes bajar.

    La última opción es ir cogiendo cosas de allí y de allá y aprender a modificar una plantilla estándar para que quede como tu quieras. Eso más o menos es lo que explicamos por aquí.

    ResponderEliminar
  44. Muchas gracias Oloman, me has sido de mucha ayuda.

    ResponderEliminar
  45. Hola oloman.esta plantilla tampoco se puede descargar,parece ser que solo permite 4 descargas si tu no tienes una cuenta,asi que te aloja el archivo hasta que baja 4 veces y luego ya no es valido a no ser que el que suba el archivo tenga una cuenta.
    Un saludo
    Milú

    ResponderEliminar
  46. Milú te puse nuevos enlaces en la entrada dónde dejaste el primer comentario sobre esto (Oldbook). Gracias por el aviso.

    ResponderEliminar
  47. Hola amigo, me he descaergado tu plantilla por que la verdad me encanto, pero tengo problemas con este y es lo siguiente:

    que en la parte superior dice:

    Blogger Draft | Edicion Entradas | Configuración | Diseño | Edición HTML | quickEdit OFF | quickEdit ON

    y me gustaria que desaparesca como hago eso.

    miralo tu mismo:


    http://junni-blog.blogspot.com/

    ResponderEliminar
  48. LA anterior duda ya esta resulta, ahora lo que viene es lo siguiente: (la nube de etiquetas)

    http://oloblogger-bloggerbloc.blogspot.com/2009/09/instalar-blogumus.html

    Tengo problemas al instalar me sale erorr:

    ResponderEliminar
  49. Junior, eso que has quitado sólo era visible para tí, el administrador. Es una utilidad para que puedas acceder rápidamente a varios apartados del panel de control de Blogger. Por tanto, los usuarios no lo ven.

    Y sobre la nube, aquí tienes la solución: http://oloblogger.blogspot.com/2010/03/reparar-blogumus-otra-vez.html

    ResponderEliminar
  50. Hola Oloman, uso tu plantilla pero no me sale muy bien alineado las entradas que publico y también quisiera quitarle el leer más para que se muestre todo, si me puedes ayudar te lo agradeceré mucho.

    ResponderEliminar
    Respuestas
    1. La respuesta la tienes en la propia plantilla. Busca esto...
      <!-- SUMARIOS AUTOMATICOS -->
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
      <div expr:id='&quot;summary-&quot; + data:post.id'><data:post.body/></div>
      <script type='text/javascript'>createSummaryAndThumb(&quot;summary-<data:post.id/>&quot;);</script>
      <a class='leermas' expr:href='data:post.url'>Leer más &#187;</a>

      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <data:post.body/> <!-- Dejar sólo esta línea si no se desean sumarios -->
      </b:if>

      ...lo quitas entero y dejas sólo esto:
      <data:post.body/> <!-- Dejar sólo esta línea si no se desean sumarios -->

      Eliminar
  51. sigo todos tus consejos y aprendiendo mucho,gracias por compartir tus conocimientos.

    ResponderEliminar
  52. Hola Oloman, mira tanto tiempo y sigo con el mismo problema tengo esta plantilla y pues en las entradas sale cortado una parte del texto, no lo puedo solucionar lo deje y bueno quiero arreglarlo me puedes ayudar porfavor.
    Mi blog es http://auditoriaumsa.blogspot.com/ le hice algunos cambios y si lo vuelvo a descargar se arregla pero se distorcionan muchos otros que ya ni me acuerdo como arreglar.

    ResponderEliminar
    Respuestas
    1. Te admiro el esfuerzo de seguir con esa plantilla Audiumsa, pues actualmente hay muchas más modernas que esa :)

      Para que no se corte el texto busca este código en tu plantilla y cambia ese 560px por 512px.
      #main-wrapper {
      padding-top: 30px;
      width: 560px;
      float: left;
      word-wrap: break-word;
      overflow: hidden;
      }

      Eliminar
  53. Que malo que eres, no tengo mucho tiempo de modificar y eso. Gracias, gracias.
    Me gusta la plantilla :D

    ResponderEliminar
  54. podrias publicar una entrada o sumarios de ese diseño saludos.

    ResponderEliminar
  55. Hola. Esa plantilla tiene ya un sistema de sumarios incorporado y si te refieres a verla con entradas publicadas, sólo has de pinchar en el enlace bajo la captura que puse en esta entrada.

    ResponderEliminar