Ads 468x60px

.

domingo, 11 de marzo de 2012

Gadgets en las vistas dinámicas de Blogger

Desde ahora las Vistas Dinámicas soportan gadgets, pero la verdad que de momento está muy limitado.

La lista de Gadgets admitidos en Vistas Dinámicas incluye: 
  • Archivo del Blog
  • Seguidores
  • Etiquetas
  • Perfil
  • Suscripción (un nuevo gadget automáticamente presente si dispones Seguir por correo electrónico o Enlaces de suscripción)
  • Lista de Enlaces. 

Estos gadgets hacen más fácil a tus lectores la navegación por el blog (archivo, etiquetas), y seguirlo (seguidores, RSS).

Si estás utilizando una plantilla tradicional y cambias a Vistas Dinámicas, los gadgets con soporte aparecerán automáticamente en tu blog. Se pueden añadir, eliminar y personalizar gadgets desde la pestaña de diseño al igual que con cualquier otra plantilla.

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.

miércoles, 26 de octubre de 2011

Vistas dinámicas: actualización #2

Desde que las vistas dinámicas fueron introducidas por completo en Blogger hace menos de un mes, más de 500.000 blogs en todo el las han seleccionado como su plantilla por defecto, lo que evidencia una gran aceptación por pare de los usuarios.

Como se comentó en la primera actualización de las vistas dinámicas se esperaban más actualizaciones a corto plazo, y así ha sido. La gente Blogger ha anunciado que ya podemos personalizar las vistas dinámicas con el diseñador de plantillas.

Utilizando el Diseñador de Plantillas, se puede modificar el fondo, las fuentes o colores, y agregar una imagen de cabecera personalizada (sólo asegúrese de que los 65 píxeles de alto). Si no te apetece diseñar puedes elegir entre uno de los "temas sugeridos" que se ofrecen.

Para comenzar a personalizar tu blog, acceder al panel de Blogger, seleccione "Plantilla", elegir entre una de las siete vistas dinámicas y a continuación, haz clic en "Personalizar" para acceder al diseñador de la plantilla.