Ads 468x60px

.

martes, 29 de noviembre de 2011

Cómo desactivar el menú de vistas dinámicas o elegir cuáles mostrar

Si elegimos las vistas dinámicas como predeterminadas para nuestro blog veremos que en el menú superior aparece la opción para que el lector pueda elegir entre las distintas vistas disponibles.


El problema viene cuando nos gusta una determinada vista dinámica pero no las demás, o cuando hay alguna vista dinámica que creemos que desentona de alguna forma con nuestro blog. Para estos casos podemos editar la platilla dinámica para mostrar unas vistas dinámicas determinadas o para eliminar el menú de las vistas dinámicas al completo.

Como elegir las vistas dinámicas que se mostrarán:
Si utilizas la interfaz clásica de Blogger deberás seguir los siguientes pasos:
  • Ve a Panel de control
  • Diseño 
  • Diseñador de Plantillas 
  • Opciones avanzadas 
  • Añadir CSS
  • Pega el código de pongo más abajo.
  • Pulsa Intro después del último carácter de la última línea: } 
  • Dale a Aplicar al blog.
Si utilizas la nueva interfaz de Blogger:
  • Ve a Panel de control.
  • Plantilla
  • Personalizar
  • Opciones avanzadas
  • Añadir CSS
  • Pega el código de pongo más abajo.
  • Pulsa Intro después del último carácter de la última línea: }
  • Dale a Aplicar al blog.
Éste es el código que deberás añadir para seleccionar lo que aparece en el menú de las vistas dinámicas:
#Classic.ss, #views ul li:first-child ,
#Flipcard.ss, #views ul li:nth-child(2),
#Magazine.ss, #views ul li:nth-child(3),
#Mosaic.ss, #views ul li:nth-child(4),
#Sidebar.ss, #views ul li:nth-child(5),
#Snapsnot.ss, #views ul li:nth-child(6),
#Timeslide.ss, #views ul li:nth-child(7)
{
display: none !important;
}

Para seleccionar las vistas dinámicas que quieras que aparezcan en el menú sólo elimina la línea de código de la vista dinámica que quieras que apareza. Por ejemplo, si queremos que no aparezcan Classic, Mosaic y Sidebar el código quedaría tal que así:
#Classic.ss, #views ul li:first-child ,
#Mosaic.ss, #views ul li:nth-child(4),
#Sidebar.ss, #views ul li:nth-child(5)
{
display: none !important;
}
Es muy importante que la última opción no termine en una coma, revisalo antes de añadir el código.

Cómo eliminar  el menú de las vistas dinámicas
Si lo que quieres es quitar el menú de las vistas dinámicas añade el siguiente código siguiendo los pasos que se mencionaron anteriormente:
#views{
display: none !important;
}

#header #pages, #header #pages:before{
border-left: 0px !important;
}

Nota: Es posible que si se visualiza el blog con Internet Explorer estos cambios no sean visibles. Para Firefox funciona bien, aú no he probado en Chrome.

miércoles, 9 de noviembre de 2011

Plantillas personalizadas para telefonos móviles

A partir de hoy estarán disponibles las plantillas personalizadas para teléfonos móviles en Blogger.



Para activar las las plantillas y elegir entre ellas la que más nos guste, dirigete a:

  • En la interfaz antigua: Configuración -> Correo electrónico y móvil
  • En la nueva interfaz de Blogger: Plantilla
Podremos elegir entre las distintos tipos de plantillas, y con las flechas a la izquierda y a la derecha cambiaremos el aspecto de la que elijamos.

martes, 8 de noviembre de 2011

Cómo conectar una página de Google Plus con nuestro blog

Hace poco se ha anunciado que ya están disponibles las páginas para Google Plus (más información). La nuestra ya podéis verla aquí: https://plus.google.com/u/0/?hl=es&tab=wX#108100972837229905134/posts

Si quieres crear la tuya puedes hacerlo en este enlace: https://plus.google.com/pages/create#pages/create


El siguiente paso es conectar nuestra página de Google Plus con nuestro blog. Para ello desde Google nos proporcionan una url desde dónde hacerlo facilmente:


Para conectar el blog con la página sigue los siguientes pasos:


  • El siguiente paso es elegir el estilo de icono que queremos y personalizarlo con el texto que queramos. De momento sólo están disponibles los iconos estáticos.

  • Una vez hecho esto nos aparecerá un recuadro con dos códigos; dependiendo del tipo de icono el cñodigo es diferente, pero los pasos siempre son los mismos.  El primer código es que le va a indicar a Google que esa página de Google Plus es nuestra. Debemos insertarlo en nuestra pantilla. Para ello dirígete a la edición Html de tu blog y pegalo entre <head> y </head>. Primer código:

  • El segundo código es para insertarlo dónde queramos que aparezca el icono que hemos creado. Lo más sencillo es ir al panel de control de nuestro blog, Diseño e insertar un elemento Html. Si quieres que aparezca centrado coloca el código entre <center> y </center>. Segundo código:

El resultado final lo puedes ver a la derecha de este artículo. Espero que ta haya sido de ayuda este pequeño tutorial para conectar nuestro blog con las páginas de Google Plus. Para cualquier duda puedes dejar un comentario. Si quieres añadir nuestra página a tus círculos sólo pincha en el icono de la derecha.