Mostrando entradas con la etiqueta Blogger. Mostrar todas las entradas
Mostrando entradas con la etiqueta Blogger. Mostrar todas las entradas

sábado, 6 de octubre de 2012

Centrar imágenes en Blogger utilizando CSS

 Esta entrada es útil tan sólo para los que aún utilizamos las plantillas de Blogger antiguas. He podido comprobar que al utilizar el editor de Blogger para subir las imágenes centradas, en algún blog me aparecen posicionadas hacia la izquierda (usando el navegador Mozilla Firefox).

 Este problema lo he subsanado añadiendo el código correspondiente al elemento HTML img en la entrada, pero he pensado que quizá sea mejor hacerlo vía CSS, buscando en la plantilla (teclas Ctrl+F) la línea de código .post img y añadiendo los parámetros habituales de centrado; si no existe, habrá que probar suerte añadiendo al completo el nuevo código en las Hojas de Estilo en Cascada de la plantilla (siempre antes del valor resaltado en rojo): 
.post img {
  display: block;
  margin: auto;
  text-align: center;
}

]]></b:skin>
 Después bastará con subir la imagen con el editor del blog y quedará centrada automáticamente, como en el siguiente ejemplo: 
<div style="clear: both;"><a href="http://2.bp.blogspot.com/-FlJ7f3Fh7kw/UHAs-k6-bvI/AAAAAAAAAqg/z5zujRR3PjE/s1600/Mariquita_00.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="Mariquita sobre una hoja"><img alt="Mariquita" height="240" src="http://2.bp.blogspot.com/-FlJ7f3Fh7kw/UHAs-k6-bvI/AAAAAAAAAqg/z5zujRR3PjE/s320/Mariquita_00.jpg" title="Mariquita sobre una hoja" width="320" /></a></div>
Mariquita
Publicado por Silverolus a las 18:10 0 comentarios
votar
Etiquetas: , ,

lunes, 26 de marzo de 2012

Cómo evitar la nueva redirección de Blogger

 No hace demasiado tiempo que Blogger ha generalizado la redirección de los dominios estándar .blogspot.com hacia dominios específicos por países; en el caso de España, hacia .blogspot.com.es, cosa que puede afectar a temas como la indexación y el PageRank de los blogs.

 Desconozco cómo se soluciona esto definitivamente, pero en el gran blog Vagabundia se aconseja implementar el siguiente script (debiéndolo colocar en el HEAD de la plantilla, siempre después del código preexistente resaltado en rojo):
  <head>
<script type='text/javascript'>
//<![CDATA[
  (function(){
    if( document.URL.match(/\.blogspot\.(com\...\/|..\/)/) ){
      var URL = document.URL
      URL = URL.replace(URL.match(/\.blogspot\.(com\...\/|..\/)/)[0],".blogspot.com\/ncr\/")
      document.location = URL
    }
  })()
//]]>
</script>
Publicado por Silverolus a las 13:46 0 comentarios
votar
Etiquetas: ,

lunes, 10 de octubre de 2011

Activar los marcadores sociales de Blogger

 En las nuevas plantillas de Blogger, los marcadores sociales o botones para compartir vienen activados por defecto. Sin embargo, en las plantillas antiguas es necesario hacerlo manualmente, para lo cual hay que acceder a nuestra cuenta de Blogger y elegir el blog en cuestión → Diseño → Elementos de la página → Entradas del blog → Editar; aquí hay que marcar la casilla Mostrar botones para compartir → Guardar.

 Es probable que aún así los botones para compartir sigan sin aparecer, por lo que habrá que añadir algo de código en nuestra plantilla. Para ello, habrá que ir de nuevo a Diseño → Edición de HTML; aquí hay que marcar la casilla Expandir plantillas de artilugios y buscar la siguiente línea de código:
<div class='post-footer-line post-footer-line-1'>
 Siempre debajo del susodicho código preexistente añadimos este otro en la ubicación deseada (habrá que ir probando con "vista previa" del editor):
<div class='post-share-buttons goog-inline-block'>
  <b:if cond='data:post.sharePostUrl'>
    <b:include data='post' name='shareButtons'/>
  </b:if>
</div>
 Si por casualidad los botones de compartir de Blogger siguieran sin aparecer o desaparecieran misteriosamente a los pocos días sin haber hecho ningún cambio en el código de la plantilla del blog, tendremos que añadir la siguiente línea de código CSS (bajo /* Posts */, por ejemplo):
.share-button {
  display: inline-block;
}
Publicado por Silverolus a las 16:53 0 comentarios
votar
Etiquetas: , , ,

viernes, 13 de mayo de 2011

Ha desaparecido mi última entrada publicada en Blogger

 Hoy mismo me he llevado otro susto con este blog. Al intentar actualizarlo, he comprobado con gran pesar que mi última entrada ha desaparecido y aún no ha sido restaurada.

 Sería conveniente que Blogger nos mantuviera informados a su debido tiempo de los problemas que van surgiendo y de los cambios que continuamente va realizando; quizá todo esto sea para mejorar el servicio, pero al menos yo empiezo a estar harto de tanta sorpresa.

 Ha sido una semana cargada de problemas para los usuarios de Blogger: problemáticas labores de mantenimiento, errores e interrupciones en el servicio. Parece ser que el último problema se debe a que han borrado los posts publicados a partir del pasado miércoles 11 de mayo y que actualmente están restaurándolos; espero que sea verdad y que no hayamos perdido nuestro trabajo.

Estado de Blogger

 No está de más echar un vistazo al estado actual del servicio de Blogger en http://status.blogger.com/
Publicado por Silverolus a las 20:09 0 comentarios
votar
Etiquetas: ,

domingo, 11 de abril de 2010

Etiqueta Canonical URL para combatir el contenido duplicado en Blogger

 Una de las cosas más difíciles de conseguir cuando se administra un blog es evitar el contenido duplicado que nosotros mismos generamos. Para mejorar los resultados de nuestra página en los buscadores, hay que intentar destacar el contenido más importante --los posts-- sobre el contenido duplicado que se genera en las páginas de archivos por fecha, en las de etiquetas, en las de categorías o en las de autores.

 Los buscadores Google, Yahoo y Live ya han incorporado una nueva etiqueta, Canonical URL, que ha sido creada para ayudarnos a combatir el contenido duplicado que se genera de forma automática en nuestros sitios. Más que una etiqueta HTML nueva, en realidad se trata de un atributo de la etiqueta link:
<link rel="canonical" href="http://AQUÍ URL PRINCIPAL/" />
 Esta etiqueta informa a los buscadores de que la página que están rastreando es irrelevante y de que el contenido primordial está en la página a la que hace referencia el atributo href. Para utilizarla en Blogger, hay que implementar el siguiente código condicional en el HEAD de la plantilla, debajo de TITLE:
<b:if cond='data:blog.url != data:blog.homepageUrl'>  
 <b:if cond='data:blog.pageType == "index"'>    
  <link href='http://AQUÍ URL PRINCIPAL/' rel='canonical'/>  
 </b:if>   
 <b:if cond='data:blog.pageType == "archive"'>    
  <link href='http://AQUÍ URL PRINCIPAL/' rel='canonical'/>  
 </b:if>
</b:if>
Publicado por Silverolus a las 12:31 0 comentarios
votar
Etiquetas: ,

martes, 30 de marzo de 2010

Optimizar las meta description y meta keywords en Blogger

 Además de optimizar los títulos de los posts, también es conveniente optimizar la META description y la META keywords de nuestra plantilla de Blogger; la primera es una descripción general de la página y la segunda es una serie de palabras clave que deberían de ayudar a los buscadores a identificar el contenido de la página e indexarlo correctamente. Si seguimos las recomendaciones de Google, deberemos diferenciar las descripciones de cada página, porque utilizar descripciones idénticas en todas las páginas del sitio resulta inútil.

 Cuando consultamos el panel de nuestro blog en las herramientas para webmasters de Google y vamos a Diagnósticos → Sugerencias en HTML, podemos observar que hay Metadescripciones duplicadas en bastantes páginas. Para intentar evitar esto, implementaremos el siguiente código condicional en el HEAD de nuestra plantilla, después del TITLE (debajo del código resaltado en rojo):
 <head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <title><data:blog.pageName/> : Silverolusplater</title>
<b:else/>
  <title><data:blog.pageTitle/></title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <meta content='AQUÍ la DESCRIPCIÓN del BLOG.' name='description'/>
  <meta content='AQUÍ PALABRA clave1, PALABRA clave2, PALABRA clave3, PALABRA clave4' name='keywords'/>
</b:if>
Publicado por Silverolus a las 15:06 3 comentarios
votar
Etiquetas: ,

jueves, 25 de marzo de 2010

Optimizar los títulos de los posts en Blogger

 La forma, o mejor dicho, el orden en el que se presentan los títulos en los buscadores es importante en términos de mejora de posicionamiento. En los buscadores, los títulos de un blog de Blogger aparecen por defecto bajo la forma de "Título del blog: Título del post". Para atraer más visitas al blog, es preferible que los títulos adopten la forma "Título del post: Título del blog".

 Para conseguir esto, lo primero que hay que hacer es localizar en el head de la plantilla la siguiente línea de código:
<title><data:blog.pageTitle/></title>
 ... y sustituirla por el siguiente código:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <title><data:blog.pageName/> : AQUÍ TÍTULO DEL BLOG</title>
<b:else/>
  <title><data:blog.pageTitle/></title>
</b:if>
Publicado por Silverolus a las 15:38 0 comentarios
votar
Etiquetas: ,

miércoles, 6 de enero de 2010

Imágenes alineadas horizontalmente en Blogger

 Si deseamos alinear horizontalmente un grupo de imágenes en Blogger (se alinean verticalmente de manera predeterminada), lo que podemos hacer para que queden un poco presentables es incluirlas en una sencilla tabla.

 Los elementos a utilizar en la elaboración del código de la tabla son los siguientes: table (tabla), tbody (cuerpo de tabla), tr (fila de una tabla) y td (celda de datos de una tabla). El código básico a utilizar podría ser el siguiente (con el código específico de este ejemplo resaltado en blanco):
<div style="margin: auto; text-align: center;"><table align="center" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td><a href="http://www.shareapic.net/View-7835218-Castillos-de-España.html" onclick="this.target='_blank'" rel="nofollow"><img alt="Castillo de Coca" src="http://preview.shareapic.net/preview3/007835218.jpg" title="Castillo gótico-mudéjar de Coca" /></a></td><td><a href="http://www.shareapic.net/View-7753842-Castillos-de-España.html" onclick="this.target='_blank'" rel="nofollow"><img alt="Castillo de Coca" src="http://preview.shareapic.net/preview3/007753842.jpg" title="Entrada del Castillo de Coca" /></a></td><td><a href="http://www.shareapic.net/View-7757807-Castillos-de-España.html" onclick="this.target='_blank'" rel="nofollow"><img alt="Castillo de Coca" src="http://preview.shareapic.net/preview3/007757807.jpg" title="Castillo mudéjar de Coca" /></a></td></tr></tbody></table></div>
Castillo de CocaCastillo de CocaCastillo de Coca

════════════════════════════════════════════ eXponsor - Enlaces y Anuncios Patrocinados
════════════════════════════════════════════

Publicado por Silverolus a las 18:06 3 comentarios
votar
Etiquetas: ,

domingo, 29 de noviembre de 2009

Eliminación de la barra de navegación de Blogger

 Eliminar la barra de navegación de Blogger es una tarea bastante sencilla, pero antes convendría poner un enlace a la home de Blogger en la sidebar, por ejemplo. No hay que olvidar que desde la susodicha barra de navegación accedemos con comodidad al panel de control del Escritorio de Blogger, desde donde accedemos a la configuración de nuestro blog.

 Para eliminar --o mejor dicho, ocultar-- la NavBar de Blogger hay que ir a Diseño → Edición de HTML y añadir --sin expandir plantillas de artilugios-- el siguiente código en las Hojas de Estilo (CSS) de nuestra plantilla, después del valor resaltado en rojo:

   <b:skin><![CDATA[/* 
Blogger Template Style
Name:     Minima Black
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     26 Feb 2004
Updated by: Blogger Team
*/

#navbar-iframe {
  height: 0;
  visibility: hidden;
  display: none;
}

════════════════════════════════════════════ eXponsor - Enlaces y Anuncios Patrocinados
════════════════════════════════════════════

Publicado por Silverolus a las 17:58 0 comentarios
votar
Etiquetas: , ,

viernes, 22 de mayo de 2009

IE no puede abrir el sitio... Operación anulada

 Desde ayer por la mañana he estado muy preocupado y muy ocupado por causa del enésimo susto que me ha dado el navegador Internet Explorer (IE): en mis dos blogs de Blogger me surgía el mensaje "Internet Explorer no puede abrir el sitio [...] Operación anulada" antes de que se cargasen completamente y se cortaba la conexión con el servidor.

 Cuando surgen este tipo de problemas uno piensa como principales causantes en los virus, en el spyware, en un fallo en los archivos de Internet Explorer o en algo que hemos añadido o cambiado recientemente en el blog; lo último que podía pensar es que el problema lo provocase el gadget de Blogger de los Seguidores.

 Lo había leído por casualidad en un foro y además comentaban que el verdadero problema aún no está solucionado, que están en ello. Espero que esta chapucilla funcione y lo siento por mis potenciales seguidores, pero eliminando ese gadget de mis blogs parece que se ha solucionado el problema.
En fin, son "gadgets" del oficio; pero sería conveniente que Blogger nos mantuviera informados de los cambios y los problemas que vayan surgiendo, no creo que sea pedir mucho.

 Los que tengáis el mismo problema, consultad el blog Known Issues for Blogger (está escrito en inglés, por supuesto).

════════════════════════════════════════════ eXponsor - Enlaces y Anuncios Patrocinados
════════════════════════════════════════════

Publicado por Silverolus a las 17:34 1 comentarios
votar
Etiquetas: , ,
Suscribirse a: Entradas (Atom)