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
════════════════════════════════════════════

Código de YouTube válido para XHTML

 El problema principal que se nos presenta cuando insertamos el código de vídeo de YouTube en un post es que el elemento embed no es válido, o más bien, no existe en las últimas especificaciones del W3C, sino que fue un invento de la compañía de software Netscape Communications (de aquellos lejanos tiempos en que su navegador aún tenía cierta importancia). Sin embargo, object continúa siendo un elemento válido, así que la solución es utilizarlo añadiéndole el atributo type="application/x-shockwave-flash". No podemos limitarnos a remover el elemento embed, puesto que en ese caso los usuarios de Firefox no verían nada.

 Este es un ejemplo del código de vídeo que proporciona YouTube (he utilizado un vídeo promocional de Windows 7):

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/erfY7QhyY_s&hl=es_ES&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/erfY7QhyY_s&hl=es_ES&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

 Y este sería el código válido para el mismo vídeo de YouTube, centrado y para un tamaño de 425 de ancho por 344 de alto:

<div style="margin: auto; text-align: center;"><object data="http://www.youtube.com/v/erfY7QhyY_s" style="height: 344px; width: 425px;" type="application/x-shockwave-flash"><param name="movie" value="http://www.youtube.com/v/erfY7QhyY_s" /><param name="allowFullScreen" value="true" /><param name="wmode" value="transparent" /></object></div>

 Para facilitar la tarea, existe una herramienta de Script Generator que transforma automáticamente el código proporcionado por Youtube en otro código válido para XHTML 1.0 Transitional; para utilizar la herramienta, pincha aquí.

════════════════════════════════════════════ ════════════════════════════════════════════ channel manager casa rural
eXponsor - Enlaces y Anuncios Patrocinados
════════════════════════════════════════════

Cuadro para mostrar código en posts de Blogger

 Para poder mostrar en un artículo de Blogger un código HTML evitando la ejecución del mismo, lo primero que hay que hacer es ir a Diseño → Edición de HTML y añadir --sin expandir plantillas de artilugios-- el siguiente código antes del valor resaltado en rojo:

pre {
  background: 0;
  padding-top: 0;
}

pre code {        
  overflow: auto;        
  background-color: #e0e2ff;       
  border: 1px solid #6f79ff;
  color: #1f5500;     
  display: block;    
  padding: 5px;   
  white-space: pre;        
  text-align: left;        
  min-height: 63px;
}

code:hover {        
  background-color: #eaecff;  
  border: 1px solid #0011ff;
}

]]></b:skin>

 Una vez hecho esto, ya se podrá insertar código en un post de la siguiente forma:

<pre><code>AQUÍ VA EL CÓDIGO</code></pre>

 Hay que tener en cuenta que algunos símbolos tienen su propio significado en HTML. Si utilizamos directamente en el cuadro un código que contenga dichos símbolos (por ejemplo, un vídeo de YouTube), el código se ejecutará o bien será invalidado. Para evitar esto, existe una página de Dan Kogai en la que podemos transformar el código para insertarlo en el cuadro; para utilizarla, pincha aquí.

----------------------------------------------------------------------------------------------------------------------------------------------------------acuarios en malaga
casita para gatos
clinica veterinaria malaga
componentes electronicos sevilla
permission email-----------------------------------------------------------------------------

Balada final

Triste y solo.

En medio de la noche,
se te oyó llorar;
derrotado e peregrino,
te quisiste suicidar;
escogiste tu destino:
¡la fusca eternidad!

Triste --y solo--, la Muerte te atrapó...
¡con la ponzoña!, ¡con el cuchillo!...
y tu vida --por siempre-- se consumió...

Con la vida chocaste...,
nadie te ayudó;
la ciudad te atosigaba...,
todo se te malogró;
nadie te reconfortaba
en tu trago peor.

Triste --y solo--, Átropo te segó...
¡con la tijera!, ¡con el ovillo!...
y tu hálito --por siempre-- se apagó...

Ya no regresarás...,
no retornarás... jamás...;
¡no regresarás!...
...Pues tu locomotora
llegó a la última estación...
donde "la inevitable" mora.

Tus huellas... las borraron...;
se apagó el candil;
las piérides te olvidaron,
ya no cantan para ti...
los demonios susurraron:
"...nunca podrás ser feliz..."

Triste --y solo--, la Muerte te atajó...
¡con la guadaña!, ¡con el percutor!...
y tu vida --por siempre-- se disipó...

Camino del "infierno",
no te sientes mal;
roto en brumador gentío,
trunco ante implosión fatal
y prendado del vacío
calmo... te disgregarás...

Triste --y solo--, Átropos te agarró...
¡con la cizalla!, ¡con el rocador!...
y tu hálito --por siempre-- se agotó...

Ya no retornarás...,
no regresarás... jamás...;
¡no retornarás!...
...Porque tu obra --no plena--
ya llegó al último verso...
el que "la inexorable" frena.

*-*-*-*-*-*-*-*