Plantilla: Elegante | Oloblogger Bueno, por fin me puse un poco con el nuevo diseñador. Sí, ese al que le tengo tanta manía , pero os aseguro que no lo hice por gusto, sino ...

7 de noviembre de 2012

Plantilla: Elegante

Bueno, por fin me puse un poco con el nuevo diseñador. Sí, ese al que le tengo tanta manía, pero os aseguro que no lo hice por gusto, sino un poco obligado por las circunstancias.

Supongo que muchos os habréis dado cuenta, pero es que hace unas semanas Blogger se cargó en libreta todas las plantillas, excepto las dinámicas, las del nuevo diseñador y las clásicas antiquísimas y eso viene a ser lo mismo que decir: "...o las nuevas o las nuevas. Elige."

Y es que si recuperamos las penúltimas, las llamadas en su momento plantillas de diseño -que se puede- es muy posible que no vayan actualizando en ellas las nuevas funcionalidades que vayan incorporando en el futuro ¿Os acordais qué pasó con todos los que teníamos plantillas muy modificadas cuando salieron los comentarios anidados? Pues eso...



Pues como decía me puse a practicar un poco con el nuevo diseñador y casi sin querer, como cada vez que me pongo con algo me lío de más, pues al final me salió esto:


...una plantilla normalita pero que a mí me pareció lo suficientemente señorial cómo para bautizarla así como indiqué en el título: Elegante.


Y aunque de estética parezca sencilla, quizás no lo sea tanto por dentro porque para mi gusto reune bastantes ventajas:

  • destaca en Inicio lo más importante del blog, el contenido
  • inclusión de imágenes en portada que lo hacen más llamativo
  • sumarios con recuadros de igual tamaño independientemente del tipo de contenido
  • sólo incluye un pequeño código JavaScript para hacer las...
  • miniaturas más grandes -valga la contradicción-
  • numerosos estilos personalizables desde el diseñador
  • buscador Google -no de esos de chichinabo- integrado
  • ...


Cómo además la plantilla incluye una única imagen (la de fondo), el resultado general es bastante veloz en cuanto a carga. Y como añadido, una estructura distinta para las páginas estáticas y de entradas. Estas últimas saldrán con barra lateral:


Adicionalmente podéis encontrar algunas tonterías extra como que las pestañas van cambiando de aspecto según si estamos en alguna de las páginas señaladas o no y que estas forman parte del gadget de páginas, es decir, no hay que manipularlas desde ningún sitio de la plantilla y se actualizan automáticamente.

El bocadillo para los comentarios no es una imagen al uso, sino una hecha con base64.

Para aquellos a los que pueda interesar a continuación la demo y un link para descargarla, aunque en la demo ya incluye un par de enlaces:


Actualización


A petición popular una variante con el primer post de doble tamaño y distinto color de fondo, así como un JavaScript para poder configurar los resúmenes con el número de caracteres que se quiera. Incluye también unos pequeños cambios de tonos y formas.

¿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

178 comentarios :

  1. que diseñador de plantillas usas? yo usaba uno pero era tan lioso que nunca me salía nada.

    ResponderEliminar
    Respuestas
    1. Ninguno. Simplemente accedo a la plantilla y empiezo a cambiar cosas. Cuando hablo del diseñador me refiero al que da Blogger para cambiar fuentes, colores, fondos, etc.

      Eliminar
  2. Pues sí, elegante y funcional.
    Un saludo.

    ResponderEliminar
  3. Está genial, Oloman. Me encanta :D

    ResponderEliminar
  4. Me gusta mucho ... tal vez si me decido a cambiar la mía la utilice ... :-)
    Muchísimas gracias!!!
    Lyra

    ResponderEliminar
    Respuestas
    1. La he probado en un Blog de pruebas que tengo y de 4 entradas que tengo, sólo aparece la foto en miniatura en 3 de ellas ... a qué puede ser debido???
      Un saludo y gracias!!!

      Eliminar
    2. ¿Puedes ponerlo en abierto y pasarme la dirección que lo vea? Quizás me comí algo...

      Eliminar
  5. Hola de nuevo ... ya lo he puesto en abierto. Es éste: http://lascositasdelyrapruebas.blogspot.com.es/
    He modificado el tamaño de las fotos poniéndolas más pequeñas y pasaba lo mismo, así que las he vuelto a poner de nuevo en el tamaño en el que las pongo en mi Blog.
    También la he probado en mi Blog (el bueno ... :-)) y pasaba lo mismo.
    Gracias!!!

    ResponderEliminar
    Respuestas
    1. Pues sí que hemos empezado bien :( No veo nada raro. Como es un blog de pruebas y seguro que ahí no puedo cascar nada ¿te importaría hacerme administrador para ver qué ocurre?

      Eliminar
    2. Sin problema ... pero necesito una dirección de correo, no???

      Eliminar
    3. Sí, claro. Te mandé un correo a la dirección de tu perfil. En el remite lo tienes.

      Eliminar
    4. Este comentario ha sido eliminado por el autor.

      Eliminar
    5. Ya está. No me preguntes por qué pasa esto, pero cuando los títulos de las entradas incluyen comillas, la miniatura no funciona. Solución: no usarlos :)

      Ya que estaba te he retocado un par de cosillas en agradecimiento. Espero que te agraden aunque no son demasiado visibles ;)

      Eliminar
    6. Muchísimas gracias!!! Parece mentira que unas simples comillas interfieran tanto ... :-)

      Voy a aprovecharme un poquito más de ti ... Creo que puedo hacer cambios, no??? Igual que he personalizado la plantilla, me gustaría utilizar alguna de las cosillas que ya tengo en mi Blog. Por ejemplo: El título con forma de banda superpuesta plegada, la numeración de comentarios .... Es ésto posible???
      Si es posible, lo intentaré en el Blog de pruebas y ya luego sólo tendría que descargar la plantilla y subirla al otro Blog, no???

      Por cierto me vas a tener que dar alguna pista, porque no he visto nada nuevo ... jejeje ... soy un poco ignorante en estos temas.

      En serio, no sabes cuánto te lo agradezco ... Hace tiempo que quería algo así.

      Saludos!!!
      Lyra

      Eliminar
    7. Básicamente añadí una sombra superior que sirve para terminar de cerrar el cuerpo principal. Es que blanco sobre blaco sin definir el borde quedaba muy raro. Lo otro fue agrandar el alto de cada recuadro, ya que con tu tipografía, el botón para "Más información" quedaba muy pegado.

      Y sí, has de hacer lo que apuntas. Dejas todo a tu gusto en esa plantilla de pruebas, añadiendo todos los gadgets que necesites, luego haces una copia de seguridad y por último la subes a tu blog principal. Puede que tengas luego que mover algunos artilugios porque queden mal situados, pero eso es ya una cuestión menor.

      Eliminar
    8. Es verdad ... que burra soy, ahora si lo veo ... pero porque me lo has dicho y tienes razón queda mejor. Sé que blanco sobre blanco, queda un poco raro, pero a mi me encanta y lo que quiero es que ante todo se vean las piezas que yo hago, así que ... esa es la razón.

      Entonces según me dices puedo hacer cambios ... lo intentaré y veremos a ver como queda.

      Otra cosita más ... espero no estar abusando ... :( ... Es posible redondear un poco las esquinas de los recuadros que enmarcan las entradas??? Si es posible, me lo podrías hacer??? ... y ya te prometo que no te molesto más.

      Millones de gracias!!!

      Eliminar
    9. Me quité del blog y ya no puedo, pero busca esta parte:

      .main-inner .fauxcolumn-right-outer, .main-inner .column-right-outer {display: none;}
      .main-inner .columns {padding-right: 0;}
      .date-outer h2 {display:none;}
      .post {float:left; position:relative;width:270px;height: 430px; overflow:hidden;}
      .post-footer {display:none;}
      .thumb {width: 250px;margin:0 auto 10px;padding:0;}
      .thumb img {margin: 0 auto;width:240px;}

      ...y en la clase .post metes dentro de las llaves esto adicional:

      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      -goog-ms-border-radius: 10px;
      border-radius: 10px;

      Eliminar
    10. Ok, lo he hecho y se ve en la portada solamente. Cuando abro una entrada no. Puede hacerse también cuando se abren las entradas???

      Eliminar
    11. Sí. En lugar de dónde te dije, busca más arriba otro .post {... y allí pones esos border-radius. Este del comentario anterior es sólo para la página de inicio. No especificaste...

      Eliminar
    12. Muchísimas gracias ... ya lo hice y por fin dejo de molestarte.
      No sé como voy a agradecer que te hayas tomado tantas molestias.

      Un saludo y de nuevo ... GRACIAS!!!

      Eliminar
    13. Hola de nuevo ... tengo tu plantilla Elegante en mi Blog: http://lascositasdelyra.blogspot.com.es/ ... y me encanta ... Pero me gustaría, si es posible que me ayudases a hacer un cambio.
      Quisiera poner la primera entrada más grande, como hiciste con tu plantilla Elegante 2. Sé que la directa sería aplicar dicha plantilla, pero entonces perdería todos los cambios que me hiciste en su día y yo no sé hacerlos.

      Podrías ayudarme!!!

      Gracias y un saludo!!!
      Carmen

      Eliminar
  6. Me encanta Oloman! voy a probarlo y luego te cuento! para los blos de cine, especialmente, luce fantástica!

    ResponderEliminar
  7. Bueno Oloman aquí nuevamente para comentarte que me ha quedado finalmente de lujo esta plantilla. Me encanta, carga rápido, se puede toquetear desde el propio diseñador. La verdad que te has pasado. La instalé en el blog de La cinerata (por si quieres ver cómo quedó).
    Pero como soy jodia jajaja quería hacerte dos preguntas. La primera es si se puede de alguna manera agregar una imagen como predefinida en esos post que uno quizá pone videos o solo texto sin imágenes. Es un detalle pavo pero si por ahi hay una solución genial.
    Otra es que me gustaría darle un poco más de ancho a las entradas individuales y ahi no me animo a toquetear mucho sin preguntar primero por si me cambia algo en la portada. Eso solo, sin apuro y de pura quisquillosa. Gracias por tan genial laburo.

    ResponderEliminar
    Respuestas
    1. Realmente te queda bien ;)

      Para lo de la imagen tendrías que editar la plantilla, buscar esta parte y añadir lo que está marcado en negrita. Tendrías que cambiar ahí la dirección de la imagen que quieres utilizar. Tendría que ser de 240x240px:

      <b:if cond='data:post.thumbnailUrl'>
      <div class='Image thumb'>
      <div class='thumb'>
      <script type='text/javascript'>document.write(redimthumb(&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.thumbnailUrl/>&quot;,240));</script>
      </div>
      </div>
      <b:else/>
      <div class='Image thumb'>
      <div class='thumb'>
      <img src='http://DIRECCION_IMAGEN_DEFECTO'/>
      </div>
      </div>

      </b:if>

      Eliminar
    2. Tarde pero seguro, Gracias Oloman! voy a probarlo así!

      Eliminar
  8. Muy buena, me ha gustado mucho.

    ResponderEliminar
  9. no me funciona :S la cargo con el cargador de plantillas por defecto de blogger y nada. luego intento copiar y pegar el codigo y me dice error no se encuentra el widget algo asi.. que puede ser amigo?

    ResponderEliminar
  10. en primera instancia.. yo andaba buscando un diseño asi en cuadros.. bien elegante y todo pero no encontre.. y como no soy tan bueno como tu jeje me descarge uno y solo le hize unas pocas modificaciones pero igual los que uno descarga vienen con un diseño casi inalterable. pero este diseño me calzaria a la perfeccion porque mi web es de peliculas. y es lo que ando buscando ; sin embargo al cargarlo nada que funciona amigo. puedes ayudarme?

    ResponderEliminar
    Respuestas
    1. ¿Cómo lo estás haciendo? Es para ver dónde puede estar el fallo porque los demás parece que no tuvieron problemas.

      Eliminar
  11. Muy buena la plantilla!una pregunta...como cambio el texto "Mas informacion" intente hacerlo doy guardar pero no queda,sigue quedando mas informacion.
    muchas gracias

    ResponderEliminar
    Respuestas
    1. Hola. Eso se cambia desde Diseño. Ahí buscas el bloque Entradas del Blog y pinchas en Editar. Entre las diversas opciones hay una que es "Texto del enlace de la página de entrada:" Ese es el que tienes que cambiar. Guardas y listo.

      Eliminar
    2. No recordaba esa parte!
      tema resuelto
      muchas gracias!

      Eliminar
  12. Me super encanta! es justo lo que buscaba, voy, con miedo a aplicarlar a mi blog, ¿si tengo alguna duda me podrías ayudar?

    Mil GRACIAS de ante mano!!

    ResponderEliminar
    Respuestas
    1. Oloman, he conseguido implantar la plantilla, y hasta retocarla un poquito, soy un negado informático xD. Pero hay dos cosas que me gustaría saber si se pueden hacer y me pudiese ayudar con ellas, una es que los gadget aparezcan enmarcados, diferenciados uno de otro y el otro es conseguir que mi banner quede medio bonico con este pestaña, te paso mi link y me cuentas cuando puedas, MIL GRACIAS por tu aporte! si me preparas un minibanner te pongo en links porque la verdad es que gracias a tu página tengo la mía medio decente aún a pesar de mi torpeza http://ajedrezporandaluz.blogspot.com.es/

      Eliminar
    2. Hola

      Para lo de los gadgets tienes que añadir antes del cierre del SKIN esto:

      .sidebar .widget {
      border: 1px inset #CCC;
      padding: 5px;
      }

      Ahí puedes añadir o cambiar las propiedades que gustes.

      Y sobre el banner no sé. Esa es la "marca" de tu blog y no sabría qué estilo te gustaría. Quizás para no cambiar mucho editaría la imagen cambiando el color verde por el #E1E1C6 que es el que usan las pestañas de la plantilla, pero no tengo ni idea de si quedará bien.

      Para enlazarme tienes esta página: http://www.oloblogger.com/p/para-enlazar-oloblogger_22.html

      Gracias ;)

      Eliminar
    3. Mil gracias a ti! gracias a la información que das se me está quedando un blog medio decente, incorporé lo de las entradas populares, la plantilla... gracias por la información para encuadrar los gdget, queda un poco... no se.. extraño..no se si es que no hice algo bien... Pero bueno..sigo liado a ver si termino de dejarlo medio bonico esta noche y ya te enlacé. MIL GRACIAS

      Eliminar
    4. A mí me gustaba tal y como os la dejé, pero ahí está para que la pongáis a vuestro propio gusto ;)

      Eliminar
    5. La verdad es que he restaurado los colores predeterminados, quedan mejor que mis intentos lol. Sigo sin ver que hacer con mi banner para que quede medio bonico pero bueno...

      Si tienes alguan idea de que puedo poner para mejorar mi blog, estaría encantado de que me la dieses, MIL GRACIAS! lo tuyo es amor al mundo blogger!

      Eliminar
    6. Oloman, perdona el coñazo que te estoy dando con la plantilla, tengo una duda, me gustaría esaltar de alguna manera el último post que se ponga, ¿hay alguna forma? ¿qué me puedes recomendar? Es que claro, que que puede ser un buen punto a favor, el resaltar de alguna manera el último post introducido, pero no se como hacerlo.

      Gracias de ante mano y perdón por las molestias que te estoy ocasionando.

      Eliminar
    7. Una cosa que no rompe la estética pero que requiere que manejes imágenes de más de 500 en los posts...

      1. Justo debajo de
      .thumb {width: 250px;margin:0 auto 10px;padding:0;}
      .thumb img {margin: 0 auto;width:240px;}

      ...añades este estilo:
      .numero0 {width:572px;}
      .numero0 .thumb {width:540px; height: 250px; overflow:hidden;}
      .numero0 .thumb img {width: 540px;}

      2. Todo esto...
      <script type='text/javascript'>document.write(redimthumb(&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.thumbnailUrl/>&quot;,240));</script>

      ...lo sustituyes por esto otro:

      <b:if cond='data:post.isFirstPost'>
      <script type='text/javascript'>var ancho=540;</script>
      <b:else/>
      <script type='text/javascript'>var ancho=240;</script>
      </b:if>
      <script type='text/javascript'>document.write(redimthumb(&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.thumbnailUrl/>&quot;, ancho));</script>

      3. <b:loop values='data:posts' var='post'>

      ...se sustituye por:

      <b:loop index='postNum' values='data:posts' var='post'>

      4. Y por último...

      <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

      ...lo cambias por:

      <div expr:class='&quot;post hentry numero&quot; +data:postNum' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

      Los dos últimos aparecen dobles, una vez para dispositivos normales y otra para los móviles. Sólo haz los cambios en los correspondientes a normales.

      Eliminar
    8. Oloman lo he cambiado todo, no me ha dado error, pero no noto ninguna diferencia en la página de inicio que haga que se diferencie la última entrada publicada...

      Eliminar
    9. En el código 4, aquí numero" +data:postNum' entre el + y data:postNum, mete un espacio en blanco que me comí...

      Eliminar
    10. ya lo he hecho, pero no pasa nada, ¿Qué debería ver? Ains...soy un negado! uggg Esto de sentirse impotente y tonto al mismo tiempo es lo peor lol

      Eliminar
    11. Ya. Pusiste lo que no debías en la parte de plantilla para móviles :S

      Eliminar
    12. Vs como soy un desgraciado! MILES DE GRACIAS!

      Eliminar
    13. Bueno, ahora falta que te guste la idea. También puedes cambiar el color de fondo de ese primer post, o los bordes... o lo que quieras. Sólo tienes que utilizar esa clase que te dije antes y que se llamaba .numero0 {}

      Eliminar
    14. Muchísimas gracias! quedó muy bien, intentaré cambiar los bordes, de este primer post a unos algo más negros, para que resalte un poco más ... a ver que me sale xD

      Eliminar
    15. Es posible que un simple fondo blanco te quede bien.
      .numero0 {
      width: 572px;
      background: white;
      }

      Eliminar
    16. Oloman, aún a riesgo de que me mandes de paseo, tengo dos problemas más con el blog, uno MUY IMPORTANTE y otro más de capricho estético:
      1) Desde ayer, y sin que toque nada, al abrir el blog con Firefox o internet explorer sale un mensaje extraño... ¿puede ser por el código que se introdujo para ampliar la primera entrada? ¿puedes mirarlo? Sigues de Admin GRACIAS
      2) ¿hay alguna manera de hacer, que en las miniaturas de la página principal, se vea más texto y la imagen más pequeña o simplemente más texto, los artículos suelen ser de opinión e intenresaría que se puediese ver más texto...

      MUCHISIMAS GRACIAS!!!! te debo la vida! y pienso hacer un post entero sobre tú blog y como ayudas a todo el mundo! ERES EL SALVADOR DE LOS TOPOBLOGGER!

      Eliminar
    17. Tras dos días indagando, parece que el mensaje pop up k salía no era a mi solo, sino a mucha gente, por lo que he podido leer en blogger, y el fallo es causado por el wadget de Últimos comentarios, lo he borrado y listo, a desaparecido el mensaje... Pero sigo sin poder aumentar la cantidad de texto en la plantilla, en los resumenes, aún.

      Eliminar
    18. 1) Hoy lo he podido ver y efectivamente es eso, pero no tienes por qué prescindir del gadget. Lee la actualización de esta entrada.
      2) Utiliza el <--more--> en las entradas para seleccionar por dónde deseas cortar el post. El sistema por defecto es automático pero con ese código en una entrada tú decides hasta dónde mostrar.

      Eliminar
    19. Errata. Es <!--more-->

      Eliminar
    20. Pero tendré que hacerlo con cada entrada? y la imágen se verá más pequeña?

      Eliminar
    21. ¿Recuerdas lo que incluiste y que te expliqué en el comentario 12.7? Pues el valor de var ancho=240 y el mismo en .thumb img {margin: 0 auto;width:240px;}
      es lo que habría que cambiar para poner una imagen más pequeña (o más grande).

      Sobre el sistema de sumarios, pensaba que era algo esporádico lo de poner más texto. Si lo quieres siempre automático entonces tendrás que usar esto otro, aunque ojo con la cantidad de caracteres que pones porque el recuadro se te quedará pequeño...

      Eliminar
    22. Voy a intentarlo, ahora te cuento!
      GRACIAS

      Eliminar
    23. Olo, perdona por las molestias! lo de las imágenes se reducen sin problemas, pero lo del texto, haciendo lo de la entrada que me has dicho no me funciona, no me da fallo, pero no me aumneta el número de caracteres en las miniaturas, ¿sabes por qué puede ser?

      Eliminar
    24. La respuesta es fácil: porque no hiciste algo bien :)

      Perdón por la broma, pero en el fondo es que es así. El sistema que pudiste ver en el enlace que te pasé funciona sin problemas, pero hay que adaptarlo un poco.

      He preparado una segunda versión con las modificaciones que propusiste (primer post más grande y sumarios de texto más extensos) para que puedas descargarla. Me resulta más fácil así que ir explicando cómo solucionarlo.

      En un par de días la cuelgo.

      Eliminar
    25. Bueno, ha sido un poco antes ;) :

      http://oloblogger-elegante2.blogspot.com

      Eliminar
    26. Mil GRACIAS! ya está instalada en mi blog! www.ajedrezporandaluz.blogspot.com

      Eliminar
  13. Una consulta más! se puede ocultar el footer de la pagina inicial? osea que sea visible solamente en las entradas individuales,y ademas colocarle la misma sombra que el cuerpo?
    desde ya muchas gracias!

    ResponderEliminar
  14. Es aqui el blog de pruebas.
    http://probarfondo.blogspot.com.ar/

    ResponderEliminar
    Respuestas
    1. Sí, claro.

      Justo debajo de .post-footer {display:none;} inserta una línea que diga .footer-outer {display:none;}. Prueba en lugar de esa última .footer-inner {display:none;} por si te gustara más ;)

      Eliminar
    2. Y para la sombra dentro de .footer-outer añade estas líneas:

      -moz-box-shadow: 0 0 10px $(content.shadow.spread) rgba(0, 0, 0, .8);
      -webkit-box-shadow: 0 0 10px $(content.shadow.spread.webkit) rgba(0, 0, 0, .8);
      -goog-ms-box-shadow: 0 0 10px $(content.shadow.spread.ie) #333333;
      box-shadow: 0 0 10px $(content.shadow.spread) rgba(0, 0, 0, .8);

      Eliminar
    3. con respecto a ocultar el footer esta resuelto,y las lineas que me indicas para la sombra ya figuran en la palntilla,pero me gustaria que haga el mismo efecto que el cuerpo de entradas,ese tipo de sombra es posible??
      http://probarfondo.blogspot.com.ar/

      muchas gracias!

      Eliminar
    4. Lo que intentaba explicar es que esas mismas líneas que están en el cuerpo de las entradas hay que añadirlas a la clase .footer-outer para conseguir que también estén el el pie. Y no puedo verlo porque la dirección que me pasas no está disponible: "Sólo para lectores invitados".

      Y una última cosa; sería de agradecer que hubieras dejado los créditos de la plantilla :p

      Eliminar
  15. si,si ya compredi y gracias,perdon..pero nunca he quitado los creditos...siguen ahi los puedes ver en las entradas individuales y no en la pagina inicial,fueron las opciones que me indicaste...y esta para "lectores invitados"
    porque el blog lo estoy armando y es solamente de pruebas como su nombre lo indica,hasta hoy a la tarde,lo tenia publico para que pudieras verlo.
    agradezco tu ayuda!y muchas gracias por todo

    ResponderEliminar
    Respuestas
    1. Vale perfecto. Mis disculpas entonces porque no lo vi ;)

      Eliminar
  16. Hola!
    He intentado en repetidas ocasiones importar la plantilla pero...no hay manera, segun blogger se produce un error del tipo: bX-7rv9ue
    Como no tengo ni la mas minima idea para solucionar el "lio" te pido consejo, decirte que lo he importado en un blog de pruebas (ahora eliminado) partiendo de la cuenta que tengo.
    Pues...nada mas.
    Gracias!!!

    ResponderEliminar
    Respuestas
    1. No sabría decirte. La mayoría de las veces esos errores BX son fallos en el sistema de Blogger y no puedes arreglarlos. Tú sólo has de preocuparte de hacerlo bien. Si falla, pues no tiene arreglo pues si fuera cosa de la plantilla otros no habrían podido tampoco instalarla.

      En un principio es sólo cuestión de descargar el fichero (que tiene formato .xml) y luego subirlo desde el botón "Crear copia de seguridad/Restablecer" del apartado Plantilla del Escritorio.

      Eliminar
    2. Gracias por el interés!
      No lo hacía bien. Claro, es que ni esta ni otras, siempre lo hacía mediante la opción importar blog, jejeje...soy un crack!.
      Muchas gracias Oloman!

      Eliminar
  17. Buenas Oloman, he instalado esta plantilla que me fascinó y me ha quedado bastante bien salvo que veo que el gadget del buscador no me encuentra nunca ningún término de mi blog pero sí de los demás ¿Qué será?

    ResponderEliminar
    Respuestas
    1. Hola. Eso sólo es porque de momento tus posts no fueron indexados por Google. Deja pasar unos días y prueba de nuevo.

      Eliminar
    2. AH! pues es cierto! jaja ahora sí aparecen. No se me ocurrió pensar en eso! Gracias.
      Ya que estamos quiero descargar la elegante 2 pero me tiran error en dropbox, será algo temporal? Nomás para que lo cheques por las dudas.

      Eliminar
    3. Puse mal el enlace de la versión 2. Arreglado.

      Eliminar
    4. Ahora siiii! muchas gracias Oloman!

      Eliminar
  18. Hola, si puedes orientarme: quisiera que mi blog se vea como el tuyo, con la amplitud de la pantalla, sin que queden zonas de fondo. Pero, temo que tenga dificultad de visualizarse en toda su totalidad de acuerdo a las pantallas o navegadores.
    El mio, www.buenosairesmequiere.como queda con fondo en mi pc pero en otras pc queda sin fondo o quedan partes fuera de la pantalla. No se si te he confundio. Quiero agregar una columna a la izquierda sin ajustar el resto. Podré?

    ResponderEliminar
    Respuestas
    1. Hola. Tu fondo es un color plano (azul) que debería verse en todos los navegadores. Si alguien no lo ve, que te mande una captura para intentar analizar dónde puede estar el problema.

      Y sobre lo de la nueva columna, creo que desde el Diseñador de Plantillas lo podrás hacer sin problemas, pues la tuya es de las nuevas.

      Eliminar
  19. Sí, puedo agregar una columna pero se hace más ancho el blog, ese es mi temor :que no se vea en todas las pantallas . Cuál sería el ancho ideal del blog para evitar problemas? Gracias por tu paciencia (actualmente el mio creo que llega a 1000 px)

    ResponderEliminar
    Respuestas
    1. Para la gran mayoría de pantallas actuales 1000px está bien.

      Eliminar
  20. Ayuda Oloman! Agrego gadgets al final de las entradas y se me hace un bloque espantoso con el pie de página, que tiene un fondo feo que no se lo puedo quitar ni diferenciar los gadget. Tienes algún artículo sobre cómo arreglarlo/modificarlo? No he podido encontrar una receta. Mil gracias nuevamente por tu ayuda.

    ResponderEliminar
    Respuestas
    1. Yo te ayudaría de buen grado, pero necesitaría verlo online o al menos que me mandaras una captura para ver a qué te refieres porque en un principio no se pueden añadir gadgets en las entradas...

      Eliminar
  21. Los gadgets están en el footer, son los que se añaden con el diseñador de plantilla. Pero, el pie de página tiene un color predeteminado. Cuando plantas un gadgets es como que se agrega a ese pie de página y le queda esa mismo fondo que es el mismo color de títulos de la sidebar. Estuvo el línea ese bodoque pero lo quité. Ahora entré a Footer y decía background $.... y ahí le puse otro color,jaja Será un lio? Cuando tengas tiempo ve como me arreglo www.buenosairesmequiere.com Tal vez haya un artículo para darle proporción fija a esos lugares, y personalizarlos.
    Me gustan tus "entradas populares" ¿tienes el truco? Gracias por tu gentileza y tiempo que nos dedicas.

    ResponderEliminar
  22. Muchísimas gracias por esta Plantilla es casi perfecta, ya la estoy usando ... si quieres ver como me queda puedes pasarte a verla en http://pianosann.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Pues sí. Queda muy bien con esos tonos que le diste ;)

      Eliminar
  23. Ya encontré las "Entradas Populares" Qued{oo muyy bueno y fue fácil. Gracias

    ResponderEliminar
  24. Buenas tardes...
    Muy buen blog que me ha ayudado mucho en este inicio con blogger, mi consulta es que solo me aparecen 7 entradas, hay algun Limite puesto? y si es asi lo puedo cambiar?

    Muchas gracias

    ResponderEliminar
  25. Buenas..
    Resuelto lo de las entradas...

    ResponderEliminar
    Respuestas
    1. ...desde la configuración del escritorio en "Número de entradas en portada" ;)

      Eliminar
  26. Buenas tardes...
    Es posible que en la pagina de inicio, debajo de cada imagen salga:

    {imagen}
    Título:
    Técnica:
    Dimensiones:

    Una debajo de la otra y no seguida:

    {imagen}
    Título: Técnica: Dimensiones:

    No se si me explico bíen, pero gracias por el blog, a sido mas de una vez la salvación.

    ResponderEliminar
    Respuestas
    1. Hola. Se puede si ese texto va escrito en la entrada justo como quieres que salga y debajo de la imagen. Tendrías que usar <!-- more --> para indicar por dónde cortar lo que contenga la entrada. Y no lo recuerdo exactamente, pero quizás haya que cambiar un poco la estructura que "imprime" la página principal para que haga la faena bien.

      Eliminar
    2. Buenas... Ante todo feliz navidad..
      La entrada la creo tal como dices, parece ser que por el tamaño de la estructura donde sale, el texto lo pone seguido.
      ¿Se puede cambiar la extructura?¿y si es posible donde es?
      Gracias de antemano, feliz navidad y prospero 2013

      Eliminar
    3. Dime la dirección de ese post en el que incluiste ese dato y también dime si usas la versión 1 o la 2.

      Eliminar
    4. Buenas tardes...
      Gracias por tu interes, he estado un poco desconectado y retoma la actividad, la direccion de la web es: http://www.marquezpg.es/,
      una entrada es:
      http://www.marquezpg.es/2012/12/spileberg.html
      utilizo la version 1, intento que salga:

      {imagen}
      Título:
      Técnica:
      Dimensiones:

      Muchas gracias por adelantado y sigue con este blog que es un alud de aprendizaje

      Eliminar
    5. Ya sé lo que ocurre, pero no le veo una solución. El tema es que lo primero que pones en tu post es la imagen con un pie de idem y ese texto al pie es lo primero que se toma para el resumen de la página de Inicio.

      Tendrías que dejar de usar ese pie de imagen al menos en el primer dibujo para poder inventar algo después. De lo contrario ¿cómo distinguimos dónde empieza el texto que realmente quieres que figure en Inicio? Todos los sistemas que conozco toman los primeros caracteres y no sabría cómo tomar a partir de X.

      Eliminar
    6. Hola de nuevo y gracias por responder,
      en la entrada:
      http://www.marquezpg.es/2012/12/pollitos.html
      he quitado el idem de pie de foto, pero en la pagina de inicio no aparece como en la entrada.
      http://www.marquezpg.es/ al 7a entrada

      {imagen}
      Título:
      Técnica:
      Dimensiones:

      Eliminar
    7. Desapareció esa entrada que me mandabas como referencia...

      Eliminar
  27. Hola, veo que entiendes mucho de formularios y base de datos.
    Podrías orientarme, quiero generar un tipo de formulario doc conectado con una base de datos donde un grupo de usuarios (150) seleccionen entre 16 opciones pero que se limiten cada una a completarse por orden y con un máximo de 20 usuarios
    Es una inscripción a unas Jornadas donde hay un máximo de 150 personas que tienen que elegir entre 16 talleres con un máximo de 20 por taller

    ResponderEliminar
    Respuestas
    1. Siento decirte que no entiendo mucho de nada, pero especialmente tampoco de eso que dices :p

      Eliminar
  28. He puesto hoy tu plantilla y estoy encantadisima, lo único... me gustaría cambiar el color del fondo en una de ellas... me puedes decir como????? (me encanta el color pero tengo que diferenciar la principal)
    Gracias. :D

    ResponderEliminar
  29. Tengo, de todas formas, un problema con mi blog y no sé como arreglarlo, de repente (algo haría) la última entrada que escribo me queda más separada que el resto y al poner tu plantilla se evidencia mucho porque descuadra el primer recuadro de arriba a la izquierda. ¿tienes idea de por qué puede ser? ¿de que puedo hacer? te dejo la dirección http://www.tengounebook.com
    Muchas gracias un abrazo

    ResponderEliminar
    Respuestas
    1. Desde el móvil no puedo ver lo anterior que preguntaste, pero esto otro es porque tienes puesto un anuncio ahí en medio. Revisa lo de Adsense desde tu Escritorio Blogger

      Eliminar
    2. Gracias Oloman, he mirado... pero no lo encuentro. Un abrazo

      Eliminar
    3. Bueno, ya pude verlo bien.

      Te confirmo que ese hueco que te sale es un anuncio de Adsense. Tienes que reubicarlo desde el escritorio en la opción Ingresos. Si prefieres que no salgan marca que NO quieres mostrar anuncios en el blog.

      Si no lo encuentras y mientras tanto, podemos ocultarlo añadiendo esto a tu CSS:
      .inline-ad { display: none;}


      Y ahora el fondo... ¿quieres cambiar el fondo general, el del cuerpo central, sólo el de la parte de las entradas o quizás sólo el de una entrada concreta?

      Eliminar
    4. Muchas gracias otra vez por tu ayuda. Lo del anuncio, solucionado¡¡¡¡ eres un hacha¡¡¡¡ en cuanto al fondo no lo tengo claro, quiero dar a lo que yo llamo la página principal que es de la que te puse la dirección, otro aspecto para que se vea que las demás están como anidadas en ella... pero sin variar tampoco mucho para dar uniformidad... así que no sé si sería cambiarle el color del fondo general un poco... a ti que te parece???

      Eliminar
    5. Justo después de la apertura <body>, coloca esto con el estilo para el background que quieras. El que ves es el normal de esa plantilla. Lo que pongas ahí sólo afectará a la página principal...

      <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <style>
      body {
      background: transparent url(http://1.bp.blogspot.com/--dKS1c_K6XE/UJqf7GGoqVI/AAAAAAAAADg/WJPUQzwWz_8/s0/textura.jpg) repeat scroll top left;
      }
      </style>
      </b:if>

      ...aunque yo cambiaría la primera línea por esta que afecta a todo lo que no sean posts o páginas. Prueba ambas:
      <b:if cond='data:blog.pageType == "item"'>

      Eliminar
    6. Me da mucha rabia tener que preguntarte tantas veces... no consigo encontrar la apertura <body> en la plantilla.....
      Perdona... y gracias

      Eliminar
    7. En realidad es <body class='loading'> en esa plantilla, pero con que busques la cadena "<body" (sin el cierre), seguro que te aparece igual. Todas las páginas web tienen que llevar eso forzosamente y esta no es una excepción ;)

      Eliminar
    8. Gracias genio¡¡¡¡¡ no me atrevía ni a tocar¡¡¡¡ estoy tan a gusto con tu plantilla que me daba miedooooo¡¡¡¡¡¡¡
      Gracias otra vez por tu ayuda.
      Un abrazo ;)

      Eliminar
  30. Hola, estoy haciendo un blog, pero al observar la plantilla veo que algunos gadget quedan fuera.
    Pienso que debe ser por la plantilla que he utilizado.
    Yo habia hecho un blog antes con blogger pero ahora con la nueva version estoy totalmente perdida.
    Me gustaria obtener sus comentarios al respecto.
    Este mi blog...http://infantesysudesarrollo.blogspot.com/
    Muchas gracias por su amable tiempo.

    ResponderEliminar
    Respuestas
    1. Pues no has topado con la persona adecuada, porque a mí las nuevas plantillas me matan. De todas formas no veo nada fuera de su sitio. Lo único es el gadget ese que tienes con el tiempo que no cabe en la barra lateral, pero ya aparece con una barra de desplazamiento que permite ver lo que no cabe.

      Eliminar
  31. A mi lo que me interesó de la plantilla "Elegane" fue el buscador, ¿cómo puedo conseguirlo o personalizar uno más o menos como ese? o como el que usted tiene en este mismo blog también me sirve, claro que yo tendría que personalizar los colores para adaptarlo a mi blog. El gadget de "Buscar" de su plantilla elegante me gustó bastante y sí que es elegante, con sus esquinas redondeadas y su botón redondo, o como ya dije antes el gadget que tiene en este mismo blog también está muy bonito; es que el gadget del "Buscador" de Blogger es bien feo.

    ResponderEliminar
    Respuestas
    1. Descarga la plantilla en un blog de pruebas o echa un vistazo al código fuente. Lo que hay que añadir al CSS es todo lo que comienza con .CustomSearch, table.gsc-search-box, input.gsc-input y .gsc-search-button input.

      Está todo seguido en la plantilla... y en el código fuente, pero sólo sirve si usas el gadget buscador que viene con Blogger.

      Eliminar
    2. Ya lo hice en mi blog de pruebas, pero el problema es que se sobrepone a uno de los gadgets que ya había ahí y se desfigura todo. Échele un vistazo: http://elultimojedi.blogspot.com
      Help me please.

      Eliminar
    3. Es que hay que adaptarlo según el sitio dónde lo pongas.

      En este caso tienes que añadirle un margin-bottom como este y quitarle el float:right;

      .CustomSearch {
      margin-bottom: 40px !important;
      ...

      Luego añade también esto para quitar el título del gadget:
      .CustomSearch h2 {
      display: none !important;
      }

      Eliminar
  32. Buenos dias de nuevo...

    Es posible "eliminar" el footer y que solo aparezca los creditos de la plantilla en la parte inferior?

    he modificado la plantilla colocando un comment delante y al final para anular el codigo:
    /* -----------------se anula el footer ------------------
    .footer-inner {
    padding: 15px;
    }
    .footer-outer {
    margin: 40px 0 0;
    /* border-top: 0 dashed #bbbbbb;*/
    color: #666666;
    background-color: #f9f9f9;
    etc...

    y parece que en chrome surge efecto, pero en explorer y firefox sale "raro"

    la pagina es:
    www.marquezpg.es

    Muchas gracias por adelantado

    ResponderEliminar
    Respuestas
    1. Vuelve a dejarlo como estaba por si alguna vez te hace falta. Es más fácil añadir un
      .footer-outer {display:none;}

      Eliminar
    2. Buenos días...
      Lo que hace el no saber, menos mal que te tenemos...

      Muchas Gracias, probado y con exito

      Eliminar
  33. Hola! Usé tu plantilla y la verdad es que quedé más conforme! Me encantó tu sitio ya me tomaré el tiempo de recorrerlo. Gracias por todo! Saludos.

    Una consulta: Como puedo hacer que en vez de MÁS INFORMACIÓN salga LEER MÁS.

    ResponderEliminar
    Respuestas
    1. Lo de LEER MÁS lo puede cambiar en "Diseño", le da click en "Editar" en la parte de "Entradas del blog", le aparecerá una nueva ventana y ahí busca "Texto del enlace de la página de entrada:" y modifica MÁS INFORMACIÓN por LEER MÁS o el texto que usted guste, y finalmente pulsa el botón "Guardar".

      Eliminar
    2. Cero, te voy a nombrar colaborador(a) destacado del año ;)

      Eliminar
  34. Hola. Muy buena tu plantilla, y la quiero usar. Pero cuando cargo la versión 2 tengo unos pequeños problemitas...

    1)La pagina de inicio aparece con los cuadros en donde hay un título, una imagen y una descripcion literalmente así:(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1"; ...

    2) Algunas imagenes que cargo en las entradas con livianas y con poca definición. El tema es que en la pagina principal las hace aparecer grandes en cada recuadro y se resalta mucho más este defecto. ¿Como podría achicar las imagenes en miniatura para mejorar su densidad?

    3) En la demo se muestran solapas "Inicio", "Pagina 1", "Pagina 2". Pero cuando lo cargo solo me aparece "Inicio" como solapa. Como puedo crear solapas que me enlacen directamente a una entrada, por ejemplo, el tipico caso de "¿Quienes somos?", o "Contáctenos".

    Una pregunta de curioso: Los recuadros de la pagina principal ¿Se pueden achicar asi entran más en la "portada"? y no tienen que estar dandole a "Entradas Anteriores".

    En lo que resta, no me ha generado problemas hasta ahora.

    ResponderEliminar
  35. Buenas

    La verdad es que como has dejado varios comentarios, no sé muy bien por dónde vas y cuanto has avanzado en la personalización, pero intentaré contestarte.

    Lo único es la 3) pues la generación de solapas es automática según vas generando páginas. He visto que ya creaste algunas, pero te aconsejo que no las uses profusamente pues están limitadas en número... no por mi plantilla, sino por Blogger. Ahí sólo deben ir secciones fijas como las que comentas. No sé si es de esa naturaleza el contenido que actualmente metiste.

    Lo del 1) no sé la respuesta exacta, pero seguro que es algún código que has metido dónde no debías. A priori parece algo relacionado con Facebook ¿Quizás el código de algún botón? Está dentro del cuerpo de entradas y el script que extrae los resúmenes de texto lo interpreta como parte de él.

    Y por seguir el orden -es un decir- Se pueden hacer más pequeñas las imágenes y sus contenedores, pero he dejado esta respuesta para el final porque habría que hacer muchas modificaciones. Esperaré antes a que termines de definir tu estilo para no trabajar en balde.

    ResponderEliminar
    Respuestas
    1. - Lo que ves como solapa en realidad es el gadget de etiquetas que lo puse en lugar del gadget de paginas, al cual lo trasladé hacia la parte lateral. Lo que quisiera es saber como generar una página, ponerle titulo y hacer que lleve directamente a una entrada, en lugar de estar usando las etiquetas para que me lleve a una entrada en especifico.

      - El cifrado extraño que aparece debajo de las imágenes de la pagina principal no estaba en la version 1. Aparecio misteriosamente en la versión 2. Tengo activado el boton de "Me gusta" en cada entrada, asi que debe influir. De todos modos, lo que me interesa es que en la pag. principal aparezca los cuadros con el titulo y la imagen, no m interesa el adelanto.

      - En vista a que esta configuración hace que el gadget de entradas tape a la barra lateral, y esta ultima solo pueda verse cuando se accede a una entrada en particular, me pregunto si será una buena idea crear un menu deslizable en la pagina principal. Es que le doy mucha importancia a los articulos viejos tanto como los nuevos porque tiene fin didactico.

      - Tuve unos problemas cuando intente volver a la configuración "simple" de las plantillas basicas que te da blogger. No me permite borrar la cabecera. Cuando cambio de "true" a "false", guardo los cambios en el HTML, y luego voy a diseño, abro la cabecera y le doy a eliminar... entonces cuando guardo los cambios en Diseño me aparece la frase "Ha habido un error. Actualice la pagina e intente mas tarde". Lo hago 100 veces y no se puede, la cabecera permanece inamobible como una roca. Vi que les sucedió a otros también en la net. Cuando vuelvo a Elegante si me deja. Me pregunto si se debe a que he acumulado varias plantillas y ya no puedo regresar a la plantilla "simple" desde 0. ¿Será que tengo que desisntalar algo que quedo instalado por alguna plantilla que descargue y aplique? Esto ultimo pregunto solo por saber. Tengo algunos temores de que quede limitado de por vita y tenga que rehacer otro blog con todas las entradas de este.

      -Saludos y desde ya muchas gracias.

      Eliminar
    2. - Bueno, pues si son etiquetas entonces la recomendación es que no las hagas tan largas -por ejemplo quitando los números-.

      Las etiquetas son para clasificar posts con contenidos homogéneos y sirven para navegar por el blog por temas. Es decir, que una misma etiqueta llevará a muchos posts y no que cada una lleve a uno.

      Si lo que quieres es algo que lleve directamente a una entrada usa el gadget Archivo del Blog. Y si no piensas programar muchos artículos, pues incluso lo puedes hacer a mano con el gadget Lista de enlaces.

      - Estoy casi seguro de que ese botón Me gusta está puesto en un lugar incorrecto y por eso causa esos resúmenes extraños. De todas formas, si quieres quitar el resumen de texto busca esta línea en la plantilla:
      var summary = imgtag + removeHtmlTag(div.innerHTML,summ);
      ...y déjala simplemente así:
      var summary = imgtag;

      - Para recuperar la barra lateral busca esto otro:
      <!-- PAGINAS INDEX -->
      <style type='text/css'>
      .main-inner .fauxcolumn-right-outer, .main-inner .column-right-outer {display: none;}
      .main-inner .columns {padding-right: 0;}
      .date-outer h2 {display:none;}
      .post {float:left; position:relative;width:270px;height: 485px; overflow:hidden;
      Ahí tienes que eliminar las dos primeras líneas (dejando sólo a partir de .date-outer h2, inclusive) y en .post cambiar el width:270px por un width: 268px (o quizás algo menos). Si vas a quitar los resúmenes de texto ese height: 485px también te convendría reducirlo.

      - Lo de la cabecera lo tendría que ver por dentro, pero lo que es seguro es que no te vas a quedar atrapado de por vida con ella. A las malas malísimas siempre podrás eliminarla de alguna manera aunque sea reseteando todo.

      Eliminar
    3. ¡Excelente! Pude solucionar el tema de la generacion de Paginas. Me estaba ahogando en un vaso con agua, gracias por tirarme la soga. Ahora voy a seguir con el ajuste de detalles que me aconsejaste. Lo que mas me asustaba esta solucionado...

      Eliminar
    4. - Oloman, ¿Puedo modificar las imagenes de los cuadros que aparecen en la entrada? Me refiero a cambiarle sus dimensiones o aumentar su densidad. Hay algunas que se ven borrosas y gigantezcas.

      - Ahora que eliminé el resumen de texto me gustaría hacer que los cuadros disminuyan su altura, puesto a que dejan un gran espacio sin utilizar. O mejor aún, me gustaria desplazar la linea que se encuentra por debajo del título asi los titulos se puedan leer por completo.

      - Pregunta: En el caso de que los cuadros disminuyan sus dimensiones, puedo hacer que entren mas en la pagina principal, o siempre serán 4 ¿?.

      Eliminar
    5. - Las imágenes salen a la máxima resolución con que tú las subiste. Si sale alguna borrosa en portada es porque la primera del post es muy pequeña y al agrandarla pierde calidad. No hay otra manera de solucionar eso mas que subiendo siempre imágenes grandes aunque luego selecciones "pequeña" en el editor de entradas.
      - Eso te los expliqué en 36.2, justo al final del párrafo que empezaba con "Para recuperar la barra lateral..."
      - En portada puedes programar el número de posts que quieras, pero siempre que sean un número equivalente a 3n+2. Eso lo indicas desde el Escritorio > Configuración > Entradas y comentarios > Mostrar un máximo de...

      Eliminar
  36. Hola Oloman, he descubierto tu plantilla y estoy muy interesado en aplicarla a mi blog de fotografia. Al hacerlo he tenido unos problemas que paso a explicarte.
    1) En la primera pagina de post, no me aparecen las imágenes incluidas en los post correspondientes, las demás, si que lo hacen. Me puedes ayudar a mejorar esta presentación, indicándome la causa?
    2) En la pagina de inicio, me queda un espacio grandisimo después de la pagina, que afea la entrada, como podría solucionarlo?
    3) En la pagina "Enlaces con Flick" me podrías ayudar a mejorar la lista de enlaces?
    La dirección http://jcmarin-juancarlosmarin.blogspot.com.es/
    Gracias por anticipado y enhorabuena por tu trabajo

    ResponderEliminar
  37. Hola. Contesto en el mismo orden que tú preguntas.

    1) En index.html yo veo 6 posts y seis imágenes. No sé si lo arreglaste o te refieres a otra cosa.

    2) El espacio en la página de Inicio está causado por la longitud de la barra lateral, que es el bloque más largo y el que manda. Si fuera más corto el otro, la barra se vería cortada. Y esa longitud extra está causada por un gadget tipo texto que tienes ahí con muuuuchos espacios en blanco. Elimínalo desde el apartado Diseño
    3) ¿Cómo? Ahí tienes que echarle tú imaginación. A mí cómo cosa fácil sólo se me ocurre añadirle un formato de lista a los apartados de cada categoría y si acaso, añadir alguna imagen ilustrativa flotando a la derecha.

    ResponderEliminar
    Respuestas
    1. En mi caso Olomán, ¿Como disminuyo la altura de los recuadros? cuando elimine el adelanto de texto me quedo espacio de sobra que antes estaba ocupado por este texto: http://idtucuman.blogspot.com.ar/

      Eliminar
    2. Buenos dias Oloman, en principio gracias por la respuesta.
      En cuanto al punto 1) de mi anterior comentario, decirte que ya lo rectifique. Tube problemas de las imagenes que traia de Flick, cambie por las de Picassa, y desaparecio el problema. No se explicar el motivo.
      En cuanto al punto 2) ya esta rectificado gracias a tus explicaciones, las cuales te agradezco.
      El gran problema lo tengo en el punto 3). Una pregunta. Puedo en una pagina introducir un formato de lista? y colocar imagenes?. Lo intente con las imagenes, pero no habia forma de alinearlas, y se me iban una por cada sitio, un desastre. Quisiera color algo con imagenes, pero ya te digo que mi cabeza no da para mas. Te agradezco la ayuda por anticipado. Gracias.

      Eliminar
    3. No puedo detallarte cómo montar tu página, pero si tienes dificultades con las imágenes utiliza la pestaña Redactar. Desde ahí puedes subirlas, alinear y cambiar tamaños cómo quieres. Las listas también las puedes hacer desde el correspondiente botón del editor de entradas.

      Si tienes problema con el código echa un vistazo a esta entrada

      Eliminar
  38. Me refiero al texto del adelanto.

    ResponderEliminar
  39. Lo entendí. Para quitarle altura (o sumarle), tienes que cambiar el valor de este height:

    .post {
    float: left;
    position: relative;
    width: 270px;
    height: 485px;
    overflow: hidden;
    ...

    ResponderEliminar
    Respuestas
    1. Olomán, tengo un problema con la imagen del recuadro. El título no tiene comillas. Probé quitandole el punto final, cambiando la foto, etc. Pero no me aparece. Quiero que salga una de las fotos, cualquiera que sea. http://idtucuman.blogspot.com.ar/

      Eliminar
    2. El problema en esta ocasión es que no has subido la imagen a Blogger y has usado directamente la dirección original (hotlink), algo que se debe evitar. Prueba a descargar la imagen a tu disco duro y luego la subes al post. Verás como funciona.

      Eliminar
  40. El problema es que la imagen no aparece. Lo aclaro, por si se malentendio mi comentario anterior.

    ResponderEliminar
  41. Oloman, quería consultarte si escribiste algun tutorial para habilitar la caja de comentarios de facebook en un post (o sea, es ademas de los comentarios por google). Se que esto es un offtopic, pero busqué en oloblogger y no encontré nada al respecto.

    Yo ya habilite la caja de comentarios de facebook. Tambien genere una aplicacion en facebook para poder moderarla. El tema es que cuando alguien comenta no me llega ninguna notificacion a mi perfil de facebook o al mail. Le habilite la caja porque me parece que es mas practico, la gente comenta sin necesidad de tener una cuenta en google. El tema es que supuestamente me deberían llegar notificaciones cuando alguien comenta, y no me llegan. ¿Sabes algo al respecto? Si no se cuando ni en donde alguien comenta, es en vano.

    ResponderEliminar
    Respuestas
    1. No, no tengo nada al respecto y eso es porque nunca intenté agregar ese tipo de comentarios. En mi caso opino que no me aportan nada y por eso no me molesté nunca en ver cómo funcionan.

      Eliminar
  42. Hola Oloman, he estado mucho tiempo utilizando tu plantilla y me encanta. Ahora he cerrado el blog y quiero volver a abrir otro y me gustaría poder utilizarla pero cambiando los colores, que fuera sobre blancos....
    Tu podrías ayudarme para esto??? Gracias de antemano y gracias por tu plantilla. Un abrazo

    ResponderEliminar
    Respuestas
    1. Si buscas en la parte CSS de la plantilla, en el selector BODY, casi al principio, encontrarás un BACKGROUND con una imagen. Simplemente elimínala y pon en su lugar un #fff para color blanco.

      Eliminar
  43. hola! muy buena plantilla.Pero en la pagina principal no se muestra la barra lateral de etiquetas y demas ¿cual podria ser la causa? saludos

    ResponderEliminar
    Respuestas
    1. La causa es que está diseñada así. Sólo se ve la barra lateral cuando accedes a un post, pero desde las páginas de navegación (portada, etiquetas, recientes, antiguos...) dicha barra se oculta. Si quieres que se vea, lee la contestación que le voy a dar en un momento a Paula (comentario #45)

      Eliminar
  44. Hola Oloman, otra vez por aquí, hace mucho que uso esta plantilla y me encanta, y como además he añadido otros truquillos pensar en cambiarla me da inmensa pereza además de que esa me gusta mucho realmente. Quisiera cambiarle una sola cosa a ver si se puede sino no hay drama, seguimos así.
    En la página principal tengo 3 entradas y obviamente no se ve el sidebar hasta que entras a alguna entrada, bien me gustaría si se puede que sí se vea el sidebar en el inicio también aunque eso me cueste que se desplieguen solo dos entradas en el ancho. ¿Se entiende mi pregunta? sería para aplicar en el www.educoencasa.com.ar
    Millón de gracias de antemano!

    ResponderEliminar
  45. - Para recuperar la barra lateral busca esto:
    <!-- PAGINAS INDEX -->
    <style type='text/css'>
    .main-inner .fauxcolumn-right-outer, .main-inner .column-right-outer {display: none;}
    .main-inner .columns {padding-right: 0;}
    .date-outer h2 {display:none;}
    .post {float:left; position:relative;width:270px;height: 485px; overflow:hidden;

    Ahí tienes que eliminar las dos primeras líneas (dejando sólo a partir de .date-outer h2, inclusive) y en .post cambiar el width:270px por un width: 268px (o quizás algo menos).

    ResponderEliminar
    Respuestas
    1. Oloman quedó a la primera!!! muchísimas gracias! no quería cambiarla y por el tipo de información que tengo quería que se viera la sidebar. Había intentado deducir yo como hacerlo pero bien lejos estaba jajajajaja Muchísimas gracias!

      Eliminar
    2. De nada. Me alegro de que funcionara a la primera ;)

      Eliminar
  46. Hola. Primeramente me gustaría felicitarte por el gran trabajo que haces y en segundo lugar decirte que me ha gustado mucho esta plantilla, de hecho, la he puesto en mi blog. Lo único es que tengo un pequeño problema. No salen completos los títulos de las entradas. ¿Cómo puedo solucionarlo? Te dejo mi blog para que veas tu mismo de que hablo. Gracias de antemano.
    vivoporelfm.blogspot.com

    ResponderEliminar
    Respuestas
    1. El problema es que para los sumarios de portada hace falta un alto fijo en el espacio destinado a los títulos, así que cuando estos son muy largos, se truncan por el final para que quepan bien y no desborden.
      Podrías intentar reducir un poco el tamaño de fuente con:
      h3.post-title a {
      font-size: 14px;
      }
      ...pero lo mejor es que hagas títulos un pelín más cortos.

      Eliminar
  47. Hola Oloman. Me va perfecto con tu plantilla. Solo que ahora me surgio un problemita que antes no tenía. Uno puede elegir la cantidad de entradas que pueden verse en la portada (o sea, el numero total de cuadros que aparecen en la pagina principal). Yo voy a Diseño/Entradas del Blog/Número de entradas en la página principal, y tengo 8. Al comienzo se veían las 8 (hace unos meses atras), luego a medida que fueron aumentando el numero de entradas (no se si tendrá algo que ver) fueron disminuyendo el numero de entradas en la pagina principal. Paso de verse 8 a verse 5. Luego pasaron a verse 4. Son las que se ven ahora, mientras que en el cuadro de configuración yo le puse para que se vean las 8. No se ven. ¿Que puedo hacer para que se vean las 8?

    Desde ya muchas gracias. Saludos.

    ResponderEliminar
    Respuestas
    1. Eso seguramente es porque tus última entradas las estás "cargando" más de contenido: más texto, más imágenes y/o más vídeos.

      Cuando en una sola página (portada en tu caso) hay demasiado peso, Blogger corta por lo sano por dónde calcula que se le hace excesivo.

      La solución es editar esas entradas y añadir esto: <-- more -- > justo después de por ejemplo las primeras 8-10 líneas de cada post. Tras un punto (seguido o aparte) es su sitio.

      Prueba a hacerlo con las 8 últimas publicadas. Seguramente sea eso pero así lo compruebas. De confirmarlo, a partir de ahora haz eso mismo con todos los posts nuevos que publiques.

      Eliminar
  48. ¿Es normal que "<-- more -- >" se quede escrito en el cuerpo del texto? ¿O es que estoy tipeando mal la frase?

    ResponderEliminar
    Respuestas
    1. No. Fui yo el que se equivocó al teclear en el comentario. Tiene que ser <!-- more -->

      Y también se me olvidó mencionar que en el editor de entradas hay un icono para insertar ese corte automáticamente.

      Eliminar
  49. ¡Hola!
    No sé si aún llego a tiempo de que respondas preguntas aquí pero por si acaso te la dejo...
    Estoy probando tu plantilla Elegante2 y me encanta, pero me gustaría hacer que el menú de arriba tuviera opción de desplegable para poner subpáginas. Si lo introduzco como un gadget nuevo se me descuadra todo y desde la propia plantilla no logro hacerlo... ¿alguna solución mágica, porfi?

    ¡¡Un millón de gracias por tu trabajo!!

    ResponderEliminar
    Respuestas
    1. Pues puede que te de algún problema, pero en un principio es sólo cuestión de añadir, como dices, un gadget con el HTML de un menú desplegable. Lo que ocurre es que además de eso tienes que programar también el CSS necesario. (Ejemplo)

      Eliminar
    2. ¡Muchas gracias!

      Esa es la idea que quiero, pero mi intención es sustituir las solapas de páginas de la parte de arriba por ese menú para crear secciones por etiquetas; pero oye, que no encuentro dónde tengo que meterle mano al código para hacerlo :-/ :-/

      Eliminar
    3. Es un gadget PAGINAS. Simplemente ve a Diseño y elimínalo. Luego añades en el mismo sitio tu nuevo menú.

      Eliminar
    4. Aysss, qué mal me explico...

      Veamos, no tengo problemas para crear el menú, el problema es que tu plantilla elegante2 interfiere en algún punto con el menú desplegable que deja de ser desplegable. Tenía otro código y pensé que igual cambiándolo al tuyo funcionaba, pero incluso así hay algo que me capa el gadget. El menú por sí solo funciona bien, y la plantilla sin opciones también, pero no logro ver dónde está la orden en la nueva plantilla que me bloquea los estilos de las listas. Me he repasado el CSS varias veces y seguro que está delante de mis narices, pero no lo encuentro.

      Espero haberme explicado bien por fin porque vas a acabar harto de mí, jeje

      Muchas gracias

      Eliminar
    5. Pues ya tendría que ver el blog para intentar averiguarlo, pero es muy extraño si encima cambiaste el tipo de menú. El único problema que se me ocurre es que coincida el nombre de algunas clases que usé en la plantilla con las que use ese menú, pero si dices que cambiaste de código, ya sería demasiada casualidad.

      Eliminar
    6. ¡¡Pues no sabes lo que me consuela que al menos así a priori a ti tampoco se te ocurra!! xD xD

      El blog es ultimaversion.blogspot.com (que como imaginarás es un blog donde ando haciendo pruebas)

      Y voy a conseguir poner ese menú aunque tenga que ir a la propia sede de Blogger, ya es algo personal :-P :-P

      PS: Gracias por tu ayuda, seguro que al final lo ves enseguida y me dices que he metido mano donde no debía ;)

      Eliminar
    7. ¡¡Lo conseguí!!

      Buceando un poco por la red encontré una solución. Con tu permiso la dejo aquí por si alguien más la necesitara:

      Igual hay una forma mejor, pero yo lo he conseguido buscando la línea



      y eliminando class='tabs'

      (sacado de aquí:http://ciudadblogger.com/2011/03/como-usar-cualquier-menu-en-las.html )

      Luego he tenido que modificar unos cuantos margin para dejarlo a mi gusto, pero lo importante es que se ve :-D

      Eliminar
    8. Ah, pues estupendo, porque venía aquí a ver que me pusiste para intentar averiguar la solución y lo que me he encontrado es que ya no tengo que trabajar XD

      Eliminar
  50. Hola Oloman gracias por esta plantilla es la que llevo buscando la tira de años!! , pero me interesa solo el hacer que mis entradas queden asi como esta plantilla, es decir, en mi blog quiero que las entradas me queden asi en cuadros tal como esta aqui, lo demas de la plantilla no me sirve, hay alguna manera?? gracias y muy buen blog!! saludos

    ResponderEliminar
    Respuestas
    1. Ya te dió tiempo de acoplar todo como querías ¿no? :)

      Eliminar
    2. si, mas o menos, pero habría alguna manera de poner el cuadro de las entradas un poco mas pequeño y que me cupieran tres o cuatro entradas horizontalmente? hay que modificar algo?gracias!!

      Eliminar
    3. y podrias decirme solo como utilizar las forma de cuadrado de las entradas?, me gustaria seguir con mi plantillade antes, pero no lo supe hacer y se me borró todo lo que tenia de antes porque puse esta plantilla

      Eliminar
    4. Claro que hay que modificar Nono. En esta parte es dónde configuras el tamaño de las entradas en portada:
      .post {
      float: left;
      position: relative;
      width: 270px;
      height: 430px;
      overflow: hidden;
      }
      Y lo de las forma cuadrada, pues evidentemente también se la das ahí, pero si las imágenes ya son cuadradas,no te va a caber el título.

      Eliminar
    5. gracias! ya cambié el tamaño de las entradas, pero ahora al foto que aparece en ellas se me queda pequeña, donde cambio el tamaño de la foto que aparece en la entrada?

      Eliminar
    6. Busca esta parte en la plantilla y cambia el valor 240 por el ancho en píxeles que quieras:
      <script type='text/javascript'>document.write(redimthumb(&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;,&quot;<data:post.thumbnailUrl/>&quot;,240));</script>


      Si siempre haces imágenes horizontales, quizás te convenga que las de portada no salgan cuadradas. En ese caso, adicionalmente busca este trozo:
      imagen.replace('/s72-c/','/s'+size+'-c/')

      ...y lo cambias por este otro:
      imagen.replace('/s72-c/','/s'+size+'/')
      Es decir, le quitas el "-c".

      Eliminar
  51. Como esta buen día, solicito de su apoyo para reestructurar mi sitio WEB.
    Realmente estoy interesado.

    Saludos cordiales.

    ResponderEliminar