Nuevas plantillas adaptables de Blogger | Oloblogger Se han hecho de rogar pero todo llega. Desde hace unas pocas horas tenéis en vuestro Escritorio Blogger, dentro del apartado Tema, cuatro ...

21 de marzo de 2017

Nuevas plantillas adaptables de Blogger

Se han hecho de rogar pero todo llega. Desde hace unas pocas horas tenéis en vuestro Escritorio Blogger, dentro del apartado Tema, cuatro nuevos juegos de plantillas: Comtempo, Soho, Emporio y Destacable. Pinchando en sus respectivos nombres podrás ver una demo de cada cual, aunque realmente se incluyen 5 variaciones básicas para cada una.

Incluyen un buen puñado de mejoras pero las dos más importantes son que tienen un diseño adaptable y por tanto están preparadas para todo tipo de pantallas (RWD). La otra es que cargan más rápido.

Dicho esto lo demás casi carece de importancia, pues si tenemos en cuenta que el futuro es móvil y el presente también ¿para qué más? Sin embargo si que hay algunas sorpresillas más en ellas que a muchos les hará la vida bloguera más fácil.


Lo primero que se aprecia es que tienen un diseño más moderno, en línea con las últimas plantillas publicadas cuando apareció el diseñador de plantillas, aunque evidemente todavía más actual.

Llevan un sistema nativo de sumarios para portada y resto de páginas de navegación, así que ya no son necesarias modificaciones para conseguir esto. Estos sumarios destacan el primer post (el más reciente) con una imagen a ancho total y todos incluyen un resumen de texto más largo que lo que actualmente nos ofrecía el conocido data:post.snippet.

Nuevas plantillas Contempo


La cabecera lleva integrada un buscador y un botón de suscripción al feed, elementos que junto con el título del blog quedan fijos en la parte superior al hacer scroll.
Botón desplegable para compartir entradas
Todas las entradas tienen -incluso en portada- un pequeño icono que muestra mediante un desplegable enlaces para compartir en las principales redes sociales: Facebook, Twitter, Pinterest y Google+. También desde ahí se puede copiar la dirección del post.

El gadget Entrada Destacada, ahora sí que hace honor a su nombre. Cuando se incorpora al blog, la entrada que decidamos aparecerá siempre la primera y con la imagen principal bien grande.


Con respecto a la barra lateral, observo que algunos gadgets nativos aparecen en formato desplegable. Seguramente son los que más espacio ocupan, como el de Etiquetas y el de Archivo.

La sidebar siempre muestra en la parte superior los datos del autor, bien completos -recogidos del perfil de Google- o sólo con avatar y nombre. El botón para Seguir en Google+ sale automático.

Ah, y una cosa muy maja: la barra lateral o bien aparece ya oculta para desplegar desde un triagrama o bien se escamotea cuando el ancho de pantalla es pequeño.


Otro cambio importante. Ahora los gadgets se administran desde el Diseñador de plantillas (Tema --> Personalizar) y desde ahí se pueden ocultar. Lo vemos un poco más adelante.

Plantilla Emporio
Aunque sigue apareciendo la vista previa para móvil, ya no hay posibilidad de activarla o configurarla... por innecesario.

Una vez dentro del Diseñador de plantillas encontramos los habituales apartados para configurar fondos, anchos, colores, fuentes... añadir CSS. Novedosos son la posibilidad de regular la altura de la imagen del fondo del blog -que en estas plantillas sólo cubre una pequeña parte de la página- y también la posibilidad de añadir un efecto de desenfoque a esa misma imagen (blur),

Diseñador: Alto imagen de fondo y desenfoque


Asimismo como ahora hay nuevos elementos, estos también se pueden configurar desde el Diseñador. Por ejemplo el color del símbolo que muestra en desplegable los botones sociales básicos para que todos los artículos puedan compartirse en redes sociales.


Pero el apartado que cambia más la forma de hacer las cosas es el de Gadgets,que antes no existía. Desde ahí podemos decidir si queremos que un widget en concreto se vea o no. Eso sería como eliminarlo, ya que esta opción no aparece ahora en algunos de esos gadgets desde Diseño.

Activar visibilidad gadgets


En las entradas el icono desplegable para compartir aparece hasta en dos zonas, arriba y abajo de la entrada... para que no os quejéis.

Abajo del todo ya no veremos los típicos enlaces de navegación para Entradas Recientes/Entradas antiguas y en su lugar sólo existe un botón para Cargar más. Las entradas sucesivas se irán cargando en página nueva según vayamos pinchando. Cuando se accede a una entrada concreta ya no están ni los anteriores ni este nuevo, pero ¿quién realmente los usaba? Por lo que vi, todo lo superfluo se ha eliminado en aras de la agilidad de carga.

Doble botón para compartir y posts populares
Otro detalle es que las Entradas Populares, cuando se añaden al blog, aparecen sólo en páginas de entradas y no en el resto, al modo en que solemos poner las Entradas relacionadas.

En fin, que hay muchas cositas nuevas para entretenerse, así que una vez presentadas en sociedad, ya cada cual que vaya trasteando para ver si le interesan para su propio sitio.

Como único inconveniente citar que las tripas son algo más complicadas de descifrar y que puede que algunos trucos, principalmente los que consistan en alterar un gadget nativo, ahora sean imposibles de aplicar.

Plantilla Destacable

¿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

101 comentarios :

  1. Gran post Oloman, un cambio que llega "en hora buena" y que le da un toque muy moderno a la plataforma :)

    Saludos.

    ResponderEliminar
  2. Justo estoy creando un blog a mi hermana y salieron nuevas, así que he usado una de estas plantillas, a ver qué tal queda!
    Saludos

    ResponderEliminar
  3. Vamos no me jodas, ahora que casi tengo terminado el mío y salen plantillas nuevas 😠

    ResponderEliminar
    Respuestas
    1. Jajaja... Anda, quédate con la que casi tienes terminada.

      Eliminar
    2. ¡Me sucedió lo mismo! Y me da tentación de ponerle las nuevas porque los scores de velocidad me salen mejor. Igual, acabo de terminar de modificar la mía pero estoy pensando si es buena opción cambiarla

      Eliminar
    3. Lo mismo en este tiempo que tardé en contestar ya la has cambiado, pero es cuestión de, como siempre, sopesar pros y contras Rocío.

      Eliminar
  4. Cargan rapido las nuevas plantillas, la caja de comentarios he visto q es distinto, hay gadgets para poner adsense aunque no las prove. La velocidad es lo que importa y los scrips que ralentizaban los temas personalizados ahora creo q estan incluidos en los temas. El title, ahora solo muestra el titulo del articulo. El icono para compartir en las redes esta bonito..

    ResponderEliminar
    Respuestas
    1. Pues sí, no me había dado cuenta de lo de los comentarios, pero me da la impresión que es el mismo script de los comentarios anidados. O casi...

      Eliminar
    2. Podria ser. Otra cosa estas plantillas blogger del 2017 tienen por defecto el BlogPosting {
      "@context": "http://schema.org",
      "@type": "BlogPosting" y mas datos que no los puedo poner aqui, pero no se en que parte de la plantilla esta. Lo bueno de este scrip es que cuando modificas el articulo coje en automático la fecha de la modificación. Si lo llegas a ver podrías avisar...

      Eliminar
    3. El "all-head-content" es el que carga desde hace un tiempo esos datos, incluidas las etiquetas og: para Facebook.

      Eliminar
  5. Muy buen post Oloman, lo que me ha llamado la atención de los diseños, es que no vienen con el script de las cookies precargado, eso es opcional o sigue siendo "obligatorio" para todas las webs?

    ResponderEliminar
    Respuestas
    1. Sigue siendo obligatorio. Al menos para su visualización en Europa. Pero sí que llevan el aviso SidV. Lo acabo de comprobar. Quizás es que el script se carga desde otro sitio, pero seguro que salta.

      Eliminar
  6. muchas gracias!Muy buen post. Hace unos días estaba aún pensando en que blogger jamás cambió sus plantillas hasta ahora.

    ResponderEliminar
    Respuestas
    1. Eso seguramente es porque llevas poco tiempo en la blogosfera. Que yo recuerde, al menos es la cuarta ocasión en la que introducen nuevas plantillas ;)

      Eliminar
  7. A mí lo que más me ha gustado de esto es que están interesados en la plataforma, contrario a los malos augurios de 'gurús' que para cualquier duda con Blogger te salen con 'pásate a WP que Blogger segurito que lo cierran'

    ResponderEliminar
    Respuestas
    1. Hace cuatro años que quise dejar constancia por escrito de eso mismo para tener argumentos AHORA y en el futuro. :)

      Eliminar
    2. Muy cierto, y recuerdo como el agua que leí bien tarde ese mismo post, pues fui una ovejilla ingenua que se creyó el augurio del fin de Blogger y perdió cientos en un sitio de Pacotilla... Lo bueno? me decidí a aprender lo más que pudiera para no caer en garras de lobos otra vez ;)

      Eliminar
  8. Saludos Oloman tanto tiempo esperando! al fin :)

    ResponderEliminar
  9. Gracias por el aviso Oloman, me voy corriendo a jugar ;)

    ResponderEliminar
  10. A buenas horas¡¡¡ Con todo lo que he tenido que currar para tener el blog más o menos mono y moderno... Es que tiene cojones la cosa... jeje Besitos Olo¡¡

    ResponderEliminar
  11. Me acabo de dar cuenta que en las plantillas personalisadas apareció un WIDGET-SETTINGS dentro del widget principal o blog1. ¿Alguien ya lo vió? ¿afectará en algo las plantillas personalizadas?

    NOTA: Lo eliminé pero se vuelve a instalar solito.

    ResponderEliminar
    Respuestas
    1. Sale en todos los widgets que tengas, y no afecta las plantillas personalizadas (y las dos que uso son construidas por mi misma)

      Eliminar
    2. Gracias Cyball. Supongo que debe ser nuevo porque hace unos días no salía.

      Otra cosa que acabo de ver es que cuando creas una lista (ul li) y la revisas en el DOM (inspeccionar elemento) sale entre cada LI un circulito pequeño que al pasar cursor dice: "Nodo de texto en blanco" y es un espacio de 3-4 px puesto ahi a la fuerza. Antes no salia. El problema es que no me deja juntar los LI para lo cual tendría que ponerle margen negativo. ¿Sabes como evitar que aparezcan?

      Eliminar
    3. Hola de nuevo, ya lo solucioné. El problema parece ser un bug antiguo y yo recién me entero. Es cuando creas una lista y a cada LI le pones DISPLAY: INLINE-BLOCK. Automaticamente se crea una separación de 3 px que se puede visualizar en el INSPECTOR de Firefox y se ven unos circulos pequeñitos entre cada LI. Bueno, se soluciona asi:

      http://codepen.io/chriscoyier/pen/hmlqF

      Entre todas las alternativas me quedé con flexbox, es la mejor y mas actualizada.

      Eliminar
    4. Gracias por el apunte Thays ;)

      Eliminar
  12. Buen post Oloman recién me fije en los cambios y eso porque no había entrado a blogger desde hace 3 días jajaja. Por cierto tienes un pequeño error por allí con unas letras que se te fueron al costado de la penúltima imagen del post :) Saludos

    ResponderEliminar
    Respuestas
    1. Hmmm... No sé a qué error te refieres Magoplup :S

      Eliminar
    2. el error que veo no es ortografico ni mucho menos son unas letras que se han salido a la derecha de la imagen que esta arriba de Entradas Populares se ven apiladas a la derecha de la imagen superior ---> Esta imagen espesificamente Saludos :)

      Eliminar
    3. Sigo sin entender cuál es el error, pero de todas formas, si es en esa plantilla que usé para pruebas, ni caso. No hago nada con ella ;)

      Eliminar
    4. Ok me refiero a este este Saludos

      Eliminar
    5. Ahora sí. Ya lo vi y lo entendí.
      Eso es ciertos anchos de pantalla y con imágenes flotando, cosa que no suelo usar. De todas formas algún día tendré que cambiar de plantilla pues llevo como dos años queriendo hacerlo y no hay forma. Sólo tengo tiempo para vosotros :p

      Gracias igualmente.

      Eliminar
  13. Hola Oloblogger: muchísimas gracias por la información. Ya he cambiado la plantilla de mi blog: https://cocinasanayfacil-ruqui.blogspot.com y he quedado encantada pero tengo un problemilla y es que en el gadget de Páginas sale un MAS...que si lo pinchas te lleva a un espacio en blanco y no sé cómo ni donde configurarlo para que lleve a las demás páginas o para que se elimine (el Mas...) De nuevo muchas gracias.

    ResponderEliminar
  14. Ay Oloman, pérdoname que sé que andas muy atareado. Me aceleré y te pregunté pero siguiendo tu consejo he estado trasteando y al fin conseguí solucionarlo cambiándolo en "diseño". Otra vez gracias, la encuentro perfecta para mis necesidades.

    ResponderEliminar
    Respuestas
    1. Nada que perdonar y gracias por indicar cómo lo solucionaste. Así queda para otro con el mismo problema.

      Eliminar
  15. Muchas gracias por la información! Una preguntita, si cambio la plantilla pierdo todo lo que había hecho anteriormente verdad?

    Muchas gracias!

    ResponderEliminar
    Respuestas
    1. Respalda tu plantilla actual antes de cambiarla por una de las nuevas de ese modo si no te gustan podras regresar a la que uses actualmente, tu contenido no se perdera solo cambiara el aspecto visual :)

      Eliminar
    2. No sé si era eso lo que preguntabas Hugo, pero por matizar algo más lo que explica Magoplup, cuando cambias de plantilla lo que cambia es únicamente la estética del blog. Los artículos que hayas escrito, las imágenes y vídeos que hubieras incorporado, siempre quedan... salvo que los borres expresamente.
      Eso sí, las modificaciones que hubieras incorporado en plantilla, al tratarse precisamente de modificaciones estéticas, se perderán todas.

      Eliminar
  16. Oloman, Falta un contador de visitas por post, nose, pense que lo agregarían en alguna nueva plantilla porque por el panel he visto un contador. ¿Habrá alguna manera de tomar ese número de visitas del panel y mostrarlo en cada post? mmmm bueno ese erá mi reclamo a google xD. Me enteré por voz de esas nuevas plantillas, se ven mucho mejores.

    Saludos...

    ResponderEliminar
    Respuestas
    1. Hola José. Los que versan sobre estadísticas son un tipo de gadgets que pienso no aportan nada al lector y que sólo nos interesan a nosotros, los propietarios del blog. Por ese motivo creo que están bien dónde están (a nivel interno) y que no merece ralentizar la carga con ellos ¿te quité las ganas de ponerlo? XD

      Eliminar
    2. Me has convencido xD, ahora estoy intentando darle prioridad al tiempo de carga del blog.

      Eliminar
  17. Me pasa que con la plantilla Emporio no quedan en el blog las tres entradas en paralelo como muestra en el diseño. Tampoco encuentro cómo cambiar el ancho de la barra. Me pueden Ayudar? Gracias

    ResponderEliminar
  18. Otra pregunta: Cómo se puede poner en cualquier plantilla el ícono desplegable para compartir que traen estos temas nuevos?. gracias, siempre muchas gracias.

    ResponderEliminar
    Respuestas
    1. Lo de las tres entradas en paralelo lo tendría que ver, Patricia, pues en el único blog tuyo que encontré, ni siquiera tienes esta plantilla. Con respecto a lo del icono desplegable para compartir, ni idea... de momento ;)

      Eliminar
    2. Claro, no puse la nueva plantilla porque no da como se presenta, con tres columnas de entradas por decirlo así.
      Espero investigues el botón compartir nuevo desplegable así lo puedo aplicar!! Gracias !!

      Eliminar
    3. Sí, seguro que algún día. A mí también me gustó ese botón desplegable. Y si no saco el mismo, construyo uno que funcione igual ;)

      Eliminar
  19. Hacés un trabajo increíble! Me resultas de mucha ayuda.

    ResponderEliminar
  20. Muy chulas las plantillas! Sin embargo no logro personalizarlas como antes. Todo lo que antes se podía añadir editando el HTML ahora no funciona.

    Por ejemplo, para incluir el "contenido relacionado" de Shareaholic hay que añadir el código que te dan tras el post-header, después de la línea /div class='post-header-line-1'/, pero esa línea ya no existe... He probado colocándolo en otros lugares pero no funciona.

    No entiendo mucho de esto, pero ¿hay alguna solución? Gracias!

    ResponderEliminar
    Respuestas
    1. Hola Manuen Mateo Lajarín.
      La linea a la cual haces mencion si existe en las nuevas plantillas la encuentras asi.

      <div class='post-header'>
      <div class='post-header-line-1'/>
      </div>
      Puede que no la hallas encontrado por haber escrito la barra / antes del div que colocaste en tu mensaje :) Saludos

      Eliminar
    2. No que va.. Gracias por la ayuda, pero la verdad es que no lo encuentro de ninguna de las maneras.

      Creo que hay algunos widgets que simplemente ya no funcionan. Antes los incluía editando el HTML y funcionaban genial, pero ya no logro que aparezcan o que vayan bien.

      Las nuevas plantillas han ganado mucho, pero es una lástima que no se pueda incluir un "Enlaces relacionados". Lo más similar es "Entradas populares", pero nada que ver...

      Por cierto, estoy utilizando la plantilla Soho y el blog es www.lavalijadelcaminante.com.

      Gracias, gracias y un saludo! :)

      Eliminar
    3. Manuel, 'post-footer' tienes con seguridad. Además de porque te lo ha dicho Magoplup, porque lo acabo de ver en tu blog. Debe ser problema de que no lo encuentras, no de que no está.

      Eliminar
  21. Las plantillas nuevas no funcionan demasiado bien todavia, recomendaria ponerlas dentro de unos meses, cuando solucionan la infinidad de problemas que tienen, por ejemplo no se ven los blogs en algunos navegadores, por no decir que desaparecen post, quedan espacios en blanco, no se ajustan a lo anunciado como la emporio que hace ver que tiene 3 post paralelos y tiene dos y algunas cosas mas etc. pueden ver las incidencias traduciendo la pagina, con los diseñadores que la dieron a conocer hace unos dias, asi que cuidadin: https://productforums.google.com/forum/#!topic/blogger/dnBZn2UFEe4

    ResponderEliminar
    Respuestas
    1. Así es esas plantillas tienen aun muchos errores. Añado uno más a tu lista. No aparece el enlace para agregar nuevo comentario si ya has clicado para responder a otro usuario obligándote a recargar la pagina si lo que quieres es agregar tu propio comentario y no permite personalizar o da muy poca libertad de personalizar los nuevos comentarios.

      Eliminar
    2. Sí, así es. En este periodo de tiempo he visto en el foro de Blogger bastantes errores reportados pasra estas plantillas, pero también hay que decir que son problemas menores y que el contenido y todo lo demás funciona bien. Para mí son más de momento las ventajas que los inconvenientes.

      Eliminar
  22. Lo cambié en cuanto vi la posibilidad. Al fin no hay que recurrir a plantillas externas que luego hay que revisar para que cumplan con todo. Algunos códigos de widgets externos dejaron de funcionar, pero tampoco es una gran pérdida teniendo en cuenta lo que se gana.

    ResponderEliminar
  23. Gracias por este artículo, sólo queremos que la forma de incluir la participación en la herramienta moderna plantillas normales He tratado de añadirlos a mi blog sin éxito, usted es un genio y se puede lograr

    ResponderEliminar
    Respuestas
    1. ¿Quizás no hablas español? No entiendo tu comentario...

      Eliminar
    2. Es cierto, he usado un traductor
      En cualquier caso, gracias

      Eliminar
    3. Pues prueba a traducir tu idea con sinónimos a ver si así sale algo inteligible para mí.

      Eliminar
  24. Saludos Oloman.. a los tiempos de preguntarte algo mi hermano... pero primero que todo agradecer por todo y desearte en este año muchos exitos...


    a lo que voy y mi pregunta es: hay que incluir metatags a la plantilla?? para que sea indexada o asi esta bien??

    veo que no se puede corregir algunas cosas. al darle cambios a la plantilla esta no deja hacer mucho... es bueno o malo??

    de antemano mil gracias bro.. :)

    ResponderEliminar
    Respuestas
    1. Respecto a la personalización, personalmente, lo que he visto es que tienes que ir probando a base de ensayo y error qué estás editando o qué nombre tiene lo que quieres cambiar. La veo muchísimo más personalizable que antes. Una diferencia abismal. Puedes cambiar la fuente de los títulos de las entradas, por ejemplo, pero que solo se cambien en la página principal, pero no en las propias entradas, o viceversa. El problema es que en el editor no puedes ver las entradas, solo la portada, por lo que lo haces casi a ciegas o guardando para verlo en otra pestaña.

      Lo único que pierde es que, al no tener columnas, el contenido de la parte inferior se muestra como una columna central.

      Eliminar
    2. Eso seguro que cuando le sacamos punta a la plantilla, se podrá cambiar TDI,
      Y con respecto a los metatags, Joral Gom, si algo bueno ha tenido siempre Blogger es precisamente que sus blogs posicionan rápido y bien, en parte porque vienen bien dotados de elementos SEO.

      Eliminar
  25. Gracias Oloman por responder... creo que haré un cambio nuevamente... y pues bueno si me elimina el blog otra vez blogger... pos le hacemos de nuevo jejejejejeje.... un abrazo !!!!

    ResponderEliminar
  26. Hola Oloman, solo un problema: en la portada el titular me sale cortado si uso unas pocas palabras. No puedo utilizar titulares de entradas largos?

    ResponderEliminar
    Respuestas
    1. No veo ninguna plantilla nueva en ninguno de los blogs de tu perfil...

      Eliminar
  27. Hola Oloman, en mi blog de pruebas (cerrado al publico) no puedo activar el icono de enlaces para compartir en las entradas del blog. No se si viene por defecto o debo pincharlo desde la configuración de diseño. Gracias

    ResponderEliminar
    Respuestas
    1. Hmmmm.... Pues ahora mismo no te lo puedo confirmar Claudio, pero parece que simplemente unas plantillas los llevan y otras no. Hice pruebes y por ejemplo Contempo sí, pero Destacable no.

      Eliminar
  28. Hola, yo tengo una duda: la barra lateral desplegable en mi caso no es aceptable, porque tengo banners de empresas. Y si sólo se ven cuando el lector lo despliegue, mal. ¿Hay alguna forma de "fijar" la barra lateral para que se vea de forma permanente? gracias!

    ResponderEliminar
    Respuestas
    1. Puede que sí, pero entonces ¿en móviles qué se hace? Si se deja la barra lateral siempre visible el contenido principal se quedaría con muy poco espacio

      Eliminar
  29. Hola, seria posible cambiar los iconos de compartir por ejemplo los de hupso.com no se.

    ResponderEliminar
    Respuestas
    1. Acabo de responder a otras dos preguntas sobre el mismo tema. Apenas si tuve tiempo de averiguar cómo van las nuevas plantillas, así que no te sé decir. Lo siento.

      Eliminar
  30. Hola Oloman, antes que anda, buen domingo y gracias por responderme. Estoy mirando otras plantillas nuevas, en el caso de la SOHO no logro modificar H1 que viene por defecto en uppercase. Cuando puedas y luego de tus análisis, me indicás como hacerlo? Saludos

    ResponderEliminar
    Respuestas
    1. ¿Qué H1 es el que quieres cambiar?
      El del título del blog sería aquí:
      .widget.Header h1 {
      font: normal 400 18px EB Garamond, serif;
      margin: 0;
      text-transform: uppercase;
      }

      Eliminar
  31. Hola. Hay algún modo de incluir botones de enlace a nuestras redes sociales? Dónde? Gracias. Muy buena página

    ResponderEliminar
    Respuestas
    1. Pues como cosa fácil se me ocurre que podrías añadirlos en la barra lateral mediante un gadget tipo HTML/JavaScript. Ya dentro él sería sólo cuestión de poner imágenes de botones de cada red, con enlaces a las mismas

      Eliminar
    2. Muchas gracias por responderme Oloman. Intentaré hacerlo. Lo mío va por ensayo y error pues me declaro completamente ignorante sobre el tema!

      Eliminar
    3. Yo he hecho lo que dice Oloman. Le he agregado una sencilla caja en la barra lateral izquierda (Tema Contempo) muy sencilla, aquí dejo el código para que lo edites a ensayo y error a tu gusto.

      CSS:
      .ctb {width:234px;padding:4px;border:1px solid black;border-radius: 10px;}
      .ctb h1 {font-size:1.3em;font-weight:bold;text-align:center;}
      #sigue img{width:30px;height:30px;}

      HTML:
      <div class="ctb">
      <h1>Sígueme</h1>
      <div id="sigue">
      <a href="https://www.facebook.com/" target="_blank"><img src="http://1.bp.blogspot.com/-OMFsjoXi-DY/VkgSFXG0-nI/AAAAAAAAaW8/4z1wybxLlmc/s1600/facebook.png" alt="Síguenos en Facebook" title="Síguenos en Facebook"></a>
      </div>
      </div>

      puedes agregar tantos botones como quieras, he dejado solo uno como ejemplo. Espero te sea útil.

      Eliminar
  32. Tengo 2 días buscando esta info, me llega justo en el momento en que estoy renovando mi blog y no entendía varias cosas. MUCHASSSS GRACIASSSS!!!!

    ResponderEliminar
  33. Gracias por el post! Estuve actualizado mi blog y tengo un problema que espero puedas ayudarme. Las entradas que aparecen en la página de inicio aparecen con miniatura y título, pero no puedo agregarles una reseña o resumen del texto. Sabes cómo puedo hacer?
    Muchas gracias!

    ResponderEliminar
    Respuestas
    1. Lo siento Teresa. He estado mirando a ver si descifraba esa parte pero tras una hora no he sido capaz. Sigo sin tener tiempo para revisar esas plantillas nuevas.

      Eliminar
  34. Agradezco tu respuesta! Si llegas a pillar la solución, me cuentas porfa!
    Muchas gracias!

    ResponderEliminar
  35. Alguna forma de que en el pc aparezca la sidebar a la derecha de las entradas como lo hace en la pagina principal (plantilla emporio) gracias

    ResponderEliminar
    Respuestas
    1. Te refieres a que se vea la barra lateral siempre y no sólo en la página principal.

      Eliminar
    2. Me falto la interrogación:
      ¿Te refieres a que se vea la barra lateral siempre y no sólo en la página principal?

      Eliminar
    3. correcto que se vea la barra lateral siempre para no cambiar tanto el formato actual, saludos

      Eliminar
    4. Por cierto haciendo practicas con la plantilla Emporio note que la barra lateral tiene menos de 300px (si te pasas genera un scroll abajo del ultimo gadget) algo bien raro ya que ejemplo adsense trabaja con 300 su mejor opcion de publicidad
      y no es posible cambiarla en la personalizacion del tema ???

      Eliminar
    5. Hay un par de condiciones en esa plantilla para mostrar la barra lateral de diferentes maneras según el tipo de página en el que se esté.
      Si buscas "Display different sidebars for feed page / item page." verás dónde aparece y quitando la/s condicione/s podrás ver el efecto que se produce.


      Sobre lo de ampliar la barra lateral, es algo sencillo pero laborioso, ya que el RWD va con medidas fijas según distintos anchos, cambiando muchos valores para cada uno.
      Ya que empecé te los copio aquí, pero habría que terminarlo...
      .sidebar-container {
      background-color: #f7f7f7;
      max-width: 300px; /* Original 280 */
      overflow-y: auto;
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      -webkit-transition-duration: .3s;
      transition-duration: .3s;
      -webkit-transition-timing-function: cubic-bezier(0.0,0.0,0.2,1);
      transition-timing-function: cubic-bezier(0.0,0.0,0.2,1);
      width: 300px; /* Original 280 */
      z-index: 101;
      -webkit-overflow-scrolling: touch;
      }


      body.feed-view .centered .main-container {
      width: 1183px; /* Original 1203 */
      }


      body.feed-view .post-wrapper {
      border-radius: $(posts.border.radius);
      overflow: hidden;
      -webkit-transition: .3s box-shadow cubic-bezier(0.4,0.0,0.2,1);
      transition: .3s box-shadow cubic-bezier(0.4,0.0,0.2,1);
      width: 375px; /* Original 385 */
      }

      body.feed-view .centered .main-container {
      width: 782px; /* Original 802 */
      }
      .blog-pager {
      width: 782px; /* Original 802 */
      }

      body.feed-view .hero.post-wrapper {
      width: 767px; /* Original 787 */
      }

      Eliminar
  36. Hola, buenas tardes. Gracias por la publicación. En lo personal, me encantó la plantilla de Contempo, sin embargo, cuando editaba las propiedades de la plantilla desde el Diseñador de plantilla, como por ejemplo, cambiar la fuente, colores del link, tamaño, etc., etc., los botones de compartir desaparecían a los siguientes días, pareciera loco, por que cuando guardaba los cambios, los botones seguían ahí, pero después de unos días ya no. Usted tendrá alguna idea de cual podría ser el error?.

    ¿Quizás usted pueda hacer un tutorial de como hacer que la barra lateral, en donde se ponen los widgets, pueda quedar fija y no se oculte?

    Gracias de antemano...

    ResponderEliminar
    Respuestas
    1. Agrego, que por el problema de los botones de compartir, decidí usar plantillas gratuitas, aunque me quede con las ganas de usar Contempo. Pero espero su respuesta, al anterior comentario. Gracias

      Eliminar
    2. Hola Hiber. Pues sí parece raro lo de los botones de compartir.
      Normalmente eso se debe a problemas locales (la mayoría de las veces), así que prueba a limpiar caché y cookies de tu navegador..

      Sobre lo de la barra lateral... tendrás que esperar ;)

      Eliminar
    3. Gracias :) - Esperaré con mucho gusto.

      Eliminar
  37. Pues yo estoy que alucino, que cuando salieron me gustó tanto el nuevo formulario que pasé horas quemando mis neuronas para tenerlo en mi plantilla... Que lo logro y hasta hago tutorial y de un rato a otro zas que dejó de funcionar... Why Blogger?!!

    ResponderEliminar
  38. Hola muy bueno! sabes la e probado la Contempo y queda muy bien tanto en pc como en dispositivos móviles, pero tengo un problema que no puedo resolver: en el móvil los menús y enlaces en imágenes hay que hacer doble click y es bastante engorroso por que parece que no andan.

    Sabes si hay alguna solucion???

    Este es el blog: https://miusiccguitarra.blogspot.com.uy/ Saludos!

    ResponderEliminar
    Respuestas
    1. Tu blog de por sí es un tanto confuso, yo al menos no veo imágenes en los post, sólo uno en home... El menú lleva a entradas específicas (son cómo páginas para tu sitio?).. Las imágenes que veo abajo es como algo de entradas promocionadas que llevan fuera de tu blog, ¿es a estás que te refieres? de ser así, pues es algo en el código de ese elemento, en PC también tuve que dar doble click para ir al enlace, no lo he usado nunca quizá Oloblogger sepa, tiene un servicio para estos casos http://www.oloblogger.com/p/oloblogger-low-cost.html

      Eliminar
    2. Mi blog en pc esta bárbaro... en móvil es el problema tenes que hacer doble click no se por que. los enlaces con imágenes están acá: https://miusiccguitarra.blogspot.com.uy/2014/11/mapa-del-curso.html y el menú si recién entras das dos enlaces sin problemas, pero al tercero si no tocas dos veces no entra. Las plantillas dinámicas tambien te daban problemas cuando el blog tenia muchas entradas. Estoy suponiendo que en estas tambien! tengo mas de 400 entradas... No se como resolverlo ? ;(

      Eliminar
    3. Hola Guzmán. Me parece que finalmente has optaco por una plantilla personalizada porque no veo la Contempo por ningún lado. No obstante me paso por aquí para comentar que Blogger ha arreglado algunos de los problemas que presentaban las nuevas plantillas y quizás entre ellos está se que se te presentaba a tí.

      De todas formas, como dice Cyball, la organización de entradas y páginas en tu blog, a mí tembién me parece un poco caótica :) Pero eso ya es cosa de cada cual...

      Eliminar
  39. Si la cambie por que la verdad no me gustaba y presentaba errores... esta es mucho mejor y ya voy mejorando. si de apoco lo mejorare son muchas entradas y categorías en un mismo blog jajaja

    Gracias por responder un gran abrazo y estamos en contacto!

    ResponderEliminar
  40. Hola, me encantan las nuevas plantillas pero aun no encuentro como configurar la visibilidad de los gadgets, es decir para que algunos solo se puedan ver en la versión móvil y otros solo en la versión escritorio. INCLUIR Y EXCLUIR

    ResponderEliminar
    Respuestas
    1. Es un código este:
      @media (max-width:768px){
      #Aca el nombre{
      display:none;

      Tienes que inspeccionar con el botón derecho el widget que quieras que no se vea en el móvil y en: id="Nombre del widget " ese nombre lo pones donde dice en el código Acá el nombre. Saludos!

      haaa el código va en la plantilla buscas /* Media Queries */ y ahí lo pegas abajo solo

      Eliminar
    2. algo asi? porque no me funciona.. no encuentro esto "buscas /* Media Queries */ y ahí lo pegas abajo solo "

      @media (max-width:768px){
      #id='HTML2'{
      display:none;

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

    ResponderEliminar