martes, 2 de noviembre de 2010

Centrar una imagen con enlace y junto con texto en un post de Blogger

 Para empezar, inserto una imagen en esta entrada (o post) utilizando el editor actualizado de Blogger; el código que obtengo es el siguiente (he resaltado en rojo la parte del código que a mí me resulta totalmente innecesaria, aunque se puede mantener sin ningún problema):
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_4a-2T-ux0oY/TNAAUCH-rfI/AAAAAAAAAfA/hxnHEDQTkJU/s1600/Entrada-Castillo+de+Pe%C3%B1afiel_00A.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" nx="true" src="http://4.bp.blogspot.com/_4a-2T-ux0oY/TNAAUCH-rfI/AAAAAAAAAfA/hxnHEDQTkJU/s320/Entrada-Castillo+de+Pe%C3%B1afiel_00A.jpg" width="276" /></a></div>
 Al analizar el código suministrado por Blogger, podremos llegar a las siguientes conclusiones:
  • En el bloque div se incluye una clase (class) CSS que no se suele usar y que generalmente no está definida en la plantilla.
  • En el enlace se incluye el atributo imageanchor, al que no le encuentro ninguna utilidad en este caso.
  • El atributo border es preferible tenerlo definido en plantilla, con CSS.
  • El atributo nx me resulta totalmente desconocido.
  • En lugar de definir el tamaño con style, se utilizan los atributos height y width, que deben eliminarse si se utiliza alguna clase CSS especial.
 Para centrar la imagen en cuestión, que en este caso ya va enlazada al servidor de Blogger (etiquetada en Álbumes Web de Picasa) y que va a ir acompañada de un texto que añado yo, lo que hago es incluir los tres elementos (enlace, imagen y texto) en un mismo bloque div. También añado los atributos title y alt, con sus respectivas descripciones. Dado que la etiqueta span no se corresponde en modo alguno con bloques, es conveniente añadirle la propiedad display: block, la cual transforma cualquier etiqueta inline en una de bloque. Así, el código a utilizar sería el siguiente:
<div style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_4a-2T-ux0oY/TNAAUCH-rfI/AAAAAAAAAfA/hxnHEDQTkJU/s1600/Entrada-Castillo+de+Pe%C3%B1afiel_00A.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title="Entrada de la primera barrera del Castillo de Peñafiel"><img alt="Entrada del Castillo de Peñafiel" height="320" src="http://4.bp.blogspot.com/_4a-2T-ux0oY/TNAAUCH-rfI/AAAAAAAAAfA/hxnHEDQTkJU/s320/Entrada-Castillo+de+Pe%C3%B1afiel_00A.jpg" title="Entrada de la primera barrera del Castillo de Peñafiel" width="276" /></a><span style="color: #741b47; display: block; font-size: x-small;">Entrada de la primera barrera del Castillo de Peñafiel (Valladolid).</span></div>
Entrada del Castillo de PeñafielEntrada de la primera barrera del Castillo de Peñafiel (Valladolid).

martes, 26 de octubre de 2010

Éxito de la 2ª Feria de Turismo Rural y Artesanía del Bierzo Alto

 El pasado sábado 23 de octubre de 2010 --en el Pabellón Municipal de Deportes de la localidad leonesa de Noceda del Bierzo-- se celebró con éxito la 2ª Feria de Turismo Rural y Artesanía del Bierzo Alto, organizada por la Asociación de Turismo y Desarrollo del Bierzo Alto (Atudebial).

mesa redonda sobre desarrollo sostenibleMesa redonda sobre desarrollo sostenible en El Bierzo.

 La participación en el evento se puede considerar como de completo éxito si se tiene en cuenta el bajo presupuesto con el que han contado los organizadores para prepararlo. A partir de ahora, se pretende que esta feria se convierta en un referente estable de la comarca del Bierzo Alto y que la periodicidad del evento sea de carácter anual.

 Algunos de los medios que se han hecho eco de la feria han sido:

jueves, 14 de octubre de 2010

Segunda Feria de Turismo Rural y Artesanía del Bierzo Alto

 El próximo sábado 23 de octubre de 2010 --en el Pabellón Municipal de Deportes de la localidad leonesa de Noceda del Bierzo-- se celebrará la 2ª Feria de Turismo Rural y Artesanía del Bierzo Alto, organizada por la Asociación de Turismo y Desarrollo del Bierzo Alto (Atudebial).

 A parte de las actividades programadas que detallo más adelante, se abrirán durante la jornada tanto el Museo Etnográfico como el lagar de Noceda (ambos como visita guiada). Habrá una zona en la feria dedicada a juegos de habilidad (para todas las edades). Se habilitará una zona de acampada libre para todas aquellas personas que deseen quedarse a pasar la noche del sábado (la zona de acampada dispone de servicios).

 El evento está pensado para que acudan a él tanto los lugareños como los turistas y amantes de la comarca tradicional de El Bierzo Alto en general. Aparte de la consiguiente diversión, la feria se marca el objetivo de convertirse --por un día-- en una especie de ágora en la que se intercambien ideas, opiniones, experiencias y proyectos encaminados a potenciar el desarrollo sostenible de la comarca berciana.

2ª Feria de Noceda del Bierzo

PROGRAMA DE ACTIVIDADES DE LA FERIA

9:00 h. Salida de rutas:
  • Ruta guiada de las fuentes curativas de Noceda. Salida desde la zona de acampada de Noceda, con una duración aproximada de tres horas y media (se aconseja llevar ropa y calzado apropiados; también es conveniente llevar algún recipiente para poder catar y portar las aguas medicinales).
  • Ruta micológica guiada por FUNGISTREDO (Asociación micológica de Noceda). Salida desde el recinto de la feria (Pabellón Municipal de Deportes de la localidad), con una duración aproximada de dos horas (se aconseja llevar ropa y calzado adecuados, cesta de mimbre y navaja).
11:00 h. Inauguración general de la feria (Pabellón Municipal de Deportes de Noceda). Apertura del Mercado de Artesanía y preparación del resto de participantes en la feria.
11:30 h. Presentación de los proyectos "La Casa de las Gentes" y "Apadrina un Castaño" (proyectos de desarrollo rural en Balboa).
12:00 h. Mesa redonda - "Iniciativas de desarrollo sostenible en el Bierzo". Participantes:
12:30 - 14:30 h. "Aventura deportiva".
 A cargo de BIERZONATURA (empresa de turismo activo en El Bierzo).
13:00 h. Música tradicional.
 Ignacio y Matilde (gaitas galegas).
13:30 h. Cata de vinos comentada.
 A cargo de la Bodega del Abad (Abad Dom Bueno), con la participación de importantes enólogos. Inscripción previa en el puesto de ATUDEBIAL (precio de participación: 3 €, con derecho a obsequio de la copa utilizada en la cata).
14:30 h. Paella popular.
 A cargo de la Asociación gastronómico-cultural "Las Rapinas" (precios populares).
16:00 h. "Kamishibai" (cuenta cuentos japonés).
 A cargo de Yolanda Navarro.
16:00 - 18:00 h. "Aventura deportiva".
 A cargo de BIERZONATURA (empresa de turismo activo en El Bierzo).
17:30 h. "Viaje musical mágico" (en el espacio anexo al recinto ferial).
 A cargo de José Angel, con cantos armónicos y otros instrumentos mágicos (cuencos tibetanos y de cuarzo, armonio, pallo de lluvia, etc). Precio de participación: 5 €.
18:00 h. Exhibición de Capoeira.
18:00 - 19:30 h. "Risoterapia" (dinámica y terapia de la risa, en el espacio anexo al recinto ferial).
 A cargo de Mari Cruz García Rodera y Daniel Sicilia (directores de la Escuela Salud Inteligente). Precio de participación en la actividad: 12 €.
19:00 h. Cata de vinos comentada.
 A cargo de la Bodega del Abad (Abad Dom Bueno), con la participación de importantes enólogos. Inscripción previa en el puesto de ATUDEBIAL (precio de participación: 3 €, con derecho a obsequio de la copa utilizada en la cata).
19:30 h. Actuación de "El Gran Rufus" (Circo y malabares).
 A cargo de Alfonso Alonso.
20:30 h. Magosto popular.
 A cargo de la Sociedad Cooperativa Agraria Gistredo de Noceda del Bierzo. Castañas, vino y música tradicional (con la participación del tamboritero Diego Segura).
21:30 h. "El Gran Massai" y artistas invitados.
 A cargo de Javier Bao. Fantástica velada musical con música en directo hasta cierre de la feria.

EXPOSICIONES:
  • Puesto de "Tierra Seca": Colección de dibujos de los concursos de 2008-09 organizados por la Asociación "Tierra Seca", dentro de las jornadas medioambientales.
  • Fotografías del proyecto de "La Huella de los Rebaños" (Colectivo Artístico "Mil Madreñas Rojas"; fotos que recogen las instalaciones con lana realizadas por el colectivo en Cáceres y en Huesca).
TALLERES:
  • Taller de cerámica a cargo del artesano José Manuel Rodríguez Asensio, de Matarrosa del Sil.
  • Taller de cuero a cargo del artesano Fernando, de la Asociación Berciana de Artesanos y Artesanas (A.B.A.A.).
  • Taller de telares a cargo del artesano Juan Fernández Lorenzana.
ORGANIZA: ATUDEBIAL (Asociación de Turismo y Desarrollo del Bierzo Alto).

COLABORAN: Ayuntamiento y Junta Vecinal de Noceda del Bierzo.

CONTACTO:

lunes, 19 de julio de 2010

El pecado del abad

 Cuenta una leyenda medieval (según el escritor leonés Enrique Gil y Carrasco) que el señor templario del Castillo de Cornatel se encontraba en una ocasión cazando por los montes de Borrenes y --como si se tratara de un infausto capricho del destino-- se encontró con una pastora de una belleza tal que, tras contemplarla, el cruel caballero ni quiso ni pudo reprimir sus bajos instintos, forzándola entre las encinas.

Castillo de CornatelCastillo de Cornatel (Priaranza del Bierzo [León]).

 Había un mozo en Carucedo que estaba enamorado de la joven pastora y quiso tomar justa venganza por la afrenta que esta sufrió; sorprendió al templario en una de sus frecuentes cacerías y le hundió un cuchillo en el vientre hasta asegurarse de que el noble pagaba definitivamente por su felonía. Por temor a las represalias, el joven huyó hasta encontrarse en territorio ocupado por los moros. Al cabo de muchos años, volvió como peregrino a Compostela e ingresó en un monasterio cercano a Carucedo, llegando a ser abad de la congregación.

 Las gentes del lugar acudieron al citado abad para pedirle ayuda y remedio contra una bruja que había lanzado un mal de ojo sobre las personas y el ganado. Salió el abad una noche con la intención de conjurar a la susodicha bruja y se quedó paralizado al reconocer a la mujer como aquella joven de quien estuvo locamente enamorado. Ella también le reconoció y juntos fueron a disfrutar de su amor al pórtico de una ermita cercana. El abad había olvidado respetar sus obligaciones con la comunidad y sus votos de castidad. Como en un terrible castigo, las torrenteras manaron agua bajo truenos y relámpagos, hasta el punto de anegar la ermita e inundar el valle, formando el Lago de Carucedo.

 Desde entonces se cuenta que cada noche de San Juan se oye el lejano tañido de la campana de la ermita, como recuerdo de un amor imposible.

jueves, 15 de julio de 2010

El templario y la doncella

 Cuenta la leyenda que en el Reino de León --allá por el año 1125, bajo el reinado de Doña Urraca de León y de Castilla y su hijo, el infante Alfonso Raimúndez (Rey de Galicia)-- una joven doncella leonesa de la familia de los Argüelles mantuvo una secreta relación con un joven caballero templario de los Otenza que estaba cumpliendo servicio de guarnición en el Castillo de Ponferrada. El templario era Don Álvaro de Otenza y la doncella era Doña Aldonza de Argüelles, dándose la dramática circunstancia de que los Argüelles estaban enemistados con los Otenza desde muchos años atrás.

Castillo de PonferradaEntrada del Castillo de Ponferrada (León).
 En una ocasión, el padre de Aldonza partió de cacería a los montes de Asturias y el joven templario aprovechó la ocasión para visitar a su amada, quien se encontaba en León. Pero ocurrió que fueron sorprendidos por el Señor de Argüelles, produciéndose inmediatamente un duelo caballeresco, en el transcurso del cual murieron los dos contrincantes y resultó gravemente herida Doña Aldonza. Al final, tan romántica historia se vio teñida con la sangre de tres cadáveres.

martes, 13 de julio de 2010

Casa rural La Gándara, en San Justo de Cabanillas (Noceda del Bierzo, León)

 San Justo de Cabanillas es una pedanía perteneciente al municipio leonés de Noceda del Bierzo, que a su vez pertenece a la comarca tradicional de Bierzo Alto (comarca castellano-leonesa de El Bierzo). La localidad está en un valle --situado a los pies de la Sierra de Gistredo-- rico en yacimientos arqueológicos.

La GándaraCasa rural La Gándara, en San Justo de Cabanillas (Noceda del Bierzo [León]).
 En San Justo de Cabanillas estará operativa en breve la casa rural La Gándara, que debe su nombre al castro situado en las inmediaciones del pueblo. La casa tiene capacidad para cuatro personas y se alquilará de forma completa; estará en funcionamiento durante todo el año.

 La casa dispone de dos habitaciones dobles; una tiene una cama de 1,40 y está situada en la primera planta y la otra tiene dos camas sencillas, estando situada esta en la zona bajo-cubierta. Hay un baño en la primera planta y un pequeño aseo en la planta baja. La planta baja está principalmente dedicada a la cocina --equipada de menaje, vitrocerámica, horno, microondas, lavadora y campana extractora-- y a la zona del salón, que cuenta con un televisor y un equipo de sonido y DVD; además está prevista la instalación de una estufa de biomasa (pellets).

 El propietario de la casa es Jesús Javier Ortiz Trapote, una de las personas más inquietas e imaginativas que conozco y todo un ejemplo de cómo se puede ser un emprendedor eficaz sin perder por ello ni un ápice de calidad humana. Tiene especial mérito emprender nuevos proyectos turísticos en la actual etapa de crisis económica que estamos padeciendo, especialmente cuando esto se hace sin contar con ninguna ayuda institucional. Para los que en el futuro quieran alquilar La Gándara, aquí les dejo más información:

■ Teléfono: 619 64 46 32
■ E-mail: ortiztra@hotmail.com
■ Web: http://www.labaniego.es/
■ Precios (provisionales):
  • Fin de semana: 140 euros.
  • Semana: 300 euros.
  • Quincena: 580 euros.
  • Noche extra: 50 euros.
 Para estancias más largas será preciso consultar el precio con el propietario. Se requerirá un pago previo del 25% del precio total para formalizar la reserva (mediante transferencia bancaria).

sábado, 10 de julio de 2010

La chana de la Fuente de La Vallina

 En el valle leonés de Gete (comarca de Montaña de Riaño), en un camino que asciende desde el pueblo de Gete hacia el Abesedo --tras recorrer más de medio kilómetro de distancia-- se puede contemplar la Fuente de La Vallina, de la que mana agua muy fría y transparente. En la mencionada fuente se dice que vive una benéfica jana (o chana) que vaga sin consuelo por el lugar, expiando un antiguo pecado de amores.

 La encantada jana de la susodicha fuente sólo se deja ver una vez al año: a las doce en punto de la Noche de San Juan. Sus rubios cabellos brillan a la luz de la Luna y es muy bella; entregará sus amores al mozo montañés que la desencante dándole de beber agua de la fuente en el cuenco de la mano. Un tal "tío Gabriel" decidió un año atreverse a realizar el ritual, pero se durmió rendido por el cansancio y ni tan siquiera pudo ver a la jana; a la mañana siguiente encontró a su lado un peine de cuerno de castrón, quizá olvidado o quizá puesto allí como un presente feérico de agradecimiento.

 La misma jana entregó a una tal "tía Periquita" gran cantidad de canicas que esta guardó inmediatamente en su mandil; la advirtió de que no las mirara hasta llegar a su casa de Gete. Cuando la mujer bajaba por las Vegas del Barrero, vio con decepción que lo que transportaba no era otra cosa que un montón de simples carbones de robles; al entrar en su casa se percató de su gran torpeza, pues pudo contemplar una brillante onza de oro escondida entre la cinta del mandil.

domingo, 18 de abril de 2010

La META X-UA-Compatible en Internet Explorer 8

 El navegador Internet Explorer 8 cumple parcialmente con los estándares, a diferencia de las anteriores versiones. Esto puede resultar una complicación añadida más que una solución, puesto que ahora --más que nunca-- se pueden visitar las páginas web utilizando las nuevas mejoras o ignorándolas.

 En realidad, esto no hay quien lo entienda; está claro que estamos muy lejos todavía de que un mismo sitio web se vea de igual forma en todos los navegadores, pero el hecho de que las diferencias existentes entre las distintas versiones de un mismo navegador continúen generando problemas me parece ya un atraso inaceptable.

 Con Internet Explorer 8, los usuarios pueden decidir entre los siguientes modos de compatibilidad: Emulate IE7 Mode, Emulate IE8 Mode, IE5 Mode, IE7 Mode, etc. Para aliviar un poco los problemas de compatibilidad, usaremos la META X-UA-Compatible para informar al navegador de cuál es el modo adecuado de mostrar un sitio. Al atributo content se le pueden dar los valores de IE=5, IE=7, IE=EmulateIE7, IE=8, o bien usar IE=edge, el cual indica que se utilice el modo de compatibilidad más avanzado.

 Este es el código que hay que añadir en la plantilla, concretamente en el HEAD y después de TITLE:
<meta content='IE=8' http-equiv='X-UA-Compatible'/>

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>

sábado, 10 de abril de 2010

Asynchronous Tracking, el nuevo script de Google Analytics

 Los scripts del código de seguimiento de Google Analytics que aún se están utilizando son urchin.js y ga.js, pero ya hay que ir pensando en efectuar la migración al nuevo Asynchronous Tracking. No se pueden utilizar dos scripts de seguimiento al mismo tiempo, así que para poder utilizar el nuevo Asynchronous Tracking, previamente se ha de eliminar de la plantilla el viejo urchin.js o el menos viejo ga.js.

 Este es un ejemplo del código del "viejo" script ga.js, que se colocaba antes del elemento resaltado en rojo:
<script type="text/javascript"> 
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); 
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); 
</script> 
<script type="text/javascript"> 
try{ 
var pageTracker = _gat._getTracker("UA-XXXXXXX-Y"); 
pageTracker._trackPageview(); 
} catch(err) {}</script> 
</body>
 Y este es un ejemplo del código del nuevo Asynchronous Tracking, en el que hemos de sustituir UA-XXXXXXX-Y por nuestro número de identificación de la propiedad web asignado en la correspondiente cuenta abierta en Google Analytics (el código ha de insertarse en la plantilla, antes del elemento resaltado en rojo):
<script type="text/javascript"> 
  var _gaq = _gaq || []; 
  _gaq.push(['_setAccount', 'UA-XXXXXXX-Y']); 
  _gaq.push(['_trackPageview']); 
  (function() { 
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 
  })(); 
</script>
 </head>

martes, 6 de abril de 2010

IE9.js para que Internet Explorer soporte los estándares

 Son varias las alternativas más avanzadas del CSS que aún no han sido implementadas en el navegador Internet Explorer, aunque algunas de ellas llevan ya un tiempo funcionando en la versión más reciente de IE8 y se mejorarán en IE9. Para hacer frente a estas y otras carencias, convirtiendo a IE en un navegador compatible con los estándares, el programador y diseñador de webs Dean Edwards ha creado una serie de scripts que podemos cargar directamente desde nuestra plantilla, sin necesidad de tenerlos que alojar nosotros personalmente. La última versión de la librería JavaScript IE7.js/IE8.js/IE9.js se puede consultar en Google Code. No es necesario incluir en la plantilla los scripts IE7.js/IE8.js cuando se está utilizando IE9.js.

 Para utilizar este script, lo único que hay que hacer es añadir el siguiente código antes del elemento resaltado en rojo:
<!--[if lt IE 9]><script src="http://ie7-js.googlecode.com/svn/version/2.1(beta3)/IE9.js"></script><![endif]--> 
 </head>

domingo, 4 de abril de 2010

Añadir listas largas en un espacio pequeño

 Para mostrar una lista larga en un espacio más reducido del que normalmente ocuparía, lo más sencillo es incluir dicha lista en un bloque contenedor al que se han de aplicar las propiedades overflow, height y width, con sus respectivos valores:
<div style="height: 145px; overflow: auto; width: 300px;"><ul>
<li>AQUÍ TEXTO1.</li>
<li>AQUÍ TEXTO2.</li>
<li>AQUÍ TEXTO3.</li>
<li>AQUÍ TEXTO4.</li>
</ul></div>
  • Castillo Santuario de Javier.
  • Castillo de Marcilla.
  • Castillo Palacio de Olite.
  • Colegiata de la Fortaleza de Alquézar.
  • Castillo de Íscar.
  • Castillo de Loarre.
  • Castillo de Monzón, Huesca.
  • Torre del Castillo de Samitier.
  • Patio de armas del Castillo de Aínsa.
  • Castillo de Coca.
  • Entrada del Castillo de Mombeltrán.
  • Castillo del Condestable Dávalos.
  • Castillo de Arévalo.
  • Castillo de La Mota.
  • Castillo de Turégano.
  • Castillo de Cuéllar.
  • Castillo de Pedraza.
  • Castillo de Monleón.
  • Alcázar de Segovia.
  • Castillo de Tiedra.
  • Castillo de Ucero.

 Lo mismo que hemos hecho con una lista no ordenada lo podemos hacer con imágenes. En este ejemplo, las imágenes utilizadas aparecen centradas:
<div style="text-align: center;"><div style="height: 218px; margin: auto; overflow: auto; text-align: center; width: 200px;"><a href="http://AQUÍ URL1" onclick="this.target='_blank'" rel="nofollow" title="AQUÍ TÍTULO1"><img alt="AQUÍ TÍTULO breve1" src="http://AQUÍ URL de IMAGEN1" title="AQUÍ TÍTULO visible al pasar CURSOR1" /></a> 
<a href="http://AQUÍ URL2" onclick="this.target='_blank'" rel="nofollow" title="AQUÍ TÍTULO2"><img alt="AQUÍ TÍTULO breve2" src="http://AQUÍ URL de IMAGEN2" title="AQUÍ TÍTULO visible al pasar CURSOR2" /></a> 
<a href="http://AQUÍ URL3" onclick="this.target='_blank'" rel="nofollow" title="AQUÍ TÍTULO3"><img alt="AQUÍ TÍTULO breve3" src="http://AQUÍ URL de IMAGEN3" title="AQUÍ TÍTULO visible al pasar CURSOR3" /></a></div></div>

Castillo de Marcilla
Castillo de Olite
Fortaleza de Alquézar
Castillo de Íscar
Castillo de Loarre
Castillo de Monzón
Castillo de Samitier
Castillo de Aínsa
Castillo de Coca
Castillo de Mombeltrán
Castillo del Condestable Dávalos
Castillo de Arévalo
Castillo de La Mota
Castillo de Turégano
Castillo de Cuéllar
Castillo de Pedraza
Castillo de Monleón
Alcázar de Segovia
Castillo de Tiedra
Castillo de Ucero

sábado, 3 de abril de 2010

Listas de sidebar en una plantilla con dos barras laterales

 Para establecer los valores de las propiedades de estilo de las listas de sidebar en una plantilla de Blogger a la que hemos añadido una nueva columna lateral, lo primero que hay que hacer es buscar las líneas de código donde están los encabezados .sidebar ul y .sidebar li (/* Sidebar Content */) y renombrarlos como .right-sidebar ul y .right-sidebar li; también hay que añadir .left-sidebar ul y .left-sidebar li.

 El código que ha de regir las propiedades de las listas no ordenadas de las barras laterales quedaría de una forma similar al del siguiente ejemplo:
.left-sidebar ul {
  display: list-item;
  list-style-type: disc;
  list-style-image: none;
  list-style-position: inside;
  margin: 1em 0;
  padding: 0 0 0 1.5em;
  text-align: left;
}

.right-sidebar ul {
  display: list-item;
  list-style-type: disc;
  list-style-image: none;
  list-style-position: inside;
  margin: 1em 0;
  padding: 0 0 0 1.5em;
}
.left-sidebar li {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 0.25em;
  padding-$startSide: 10px;
  text-indent: -10px;
  line-height: 1.5em;
}

.right-sidebar li {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 0.25em;
  padding-$startSide: 15px;
  text-indent: -15px;
  line-height: 1.5em;
}

viernes, 2 de abril de 2010

Textos de sidebar en una plantilla con dos barras laterales

 Para establecer los valores de las propiedades de estilo de los textos de sidebar en una plantilla de Blogger a la que hemos añadido una nueva columna lateral, lo primero que hay que hacer es buscar la línea de código donde está el encabezado .sidebar (/* Sidebar Content */) y renombrarlo como .right-sidebar; también hay que añadir el encabezado .left-sidebar.

 El código que ha de regir las propiedades de los textos de sidebar quedaría de una forma similar al del siguiente ejemplo:
.left-sidebar { 
  color: $sidebartextcolor;
  line-height: 1.5em;
}

.right-sidebar { 
  color: $sidebartextcolor;
  line-height: 1.25em;
}
 Para utilizar el valor $sidebartextcolor, previamente debe estar implementado en las variables de la plantilla (/* Variable definitions):
<Variable name="sidebartextcolor" description="Sidebar Text Color"
          type="color" default="#999" value="#800040">

Títulos y elementos de sidebar en una plantilla con dos barras laterales

 Para establecer los valores de las propiedades de estilo de títulos y elementos de sidebar en una plantilla de Blogger a la que hemos añadido una nueva columna lateral, lo primero que hay que hacer es buscar la línea de código donde está el encabezado /* Sidebar Content */.

 Ahora hay que localizar .sidebar .widget y renombrarlo como .right-sidebar .widget; también hay que añadir el encabezado .left-sidebar .widget. El código que ha de regir las propiedades de los elementos de sidebar quedaría así:
.left-sidebar .widget { 
  margin: 0 0 0.25em;
  padding: 0 0 0.75em;
  border-top: 0;
  border-right: 1px solid #bdbdbd;
  border-bottom: 1px solid #a4a4a4;
  border-left: 1px solid #bdbdbd;
  background: #c3d9ff;
}

.right-sidebar .widget { 
  margin: 0 0 0.25em;
  padding: 0 0 0.75em;
  border-top: 0;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #a4a4a4;
  border-left: 1px solid #d8d8d8;
  background: #e6e6e6;
}
 Para las propiedades de los títulos de sidebar, hay que añadir dos nuevos encabezados: .right-sidebar h2 y .left-sidebar h2, como se puede ver en este ejemplo:
.left-sidebar h2 {
  padding: 5px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #bdbdbd;
  background-color: #d8d8d8;
  background-image: none; 
}

.right-sidebar h2 {
  padding: 5px;
  border-top: 1px solid #ffffff;
  border-right: 0;
  border-bottom: 1px solid #bdbdbd;
  border-left: 0;
  background-color: #d8d8d8;
  background-image: none;
}

jueves, 1 de abril de 2010

Añadir sombras a un texto en un blog de Blogger

 Para añadir sombras a un texto insertado en un blog de Blogger hay que utilizar la propiedad text-shadow en el elemento deseado del código de las Hojas de Estilo (CSS) de nuestra plantilla. Esta propiedad se define con cuatro parámetros, de esta forma: text-shadow: coordenadaX coordenadaY amplitud color;

 La coordenadaX (o offset-x) indica el desplazamiento horizontal de la sombra con respecto al texto en cuestión (valor positivo hacia la derecha y negativo hacia la izquierda); la coordenadaY (o offset-y) indica el desplazamiento vertical de la sombra con respecto al texto (valor positivo hacia abajo y negativo hacia arriba); amplitud (o blur-radius) es el tamaño de la sombra: a mayor valor, el efecto de desenfoque también será mayor; color es el color de la sombra.

 El gran problema que se nos presenta es que esto tan sólo funciona en los navegadores Safari, Opera y Firefox. Para que funcione con Internet Explorer hay que utilizar un filtro (progid:DXImageTransform.Microsoft.Shadow).

 He aquí un ejemplo de código para añadir sombras a un texto (en este caso en el footer):
#footer {
  width: 100%;
  line-height: 1.6em;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: none;
  text-shadow: 2px 1px 5px #36393d;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#36393d, direction=135, strength=5);
}

miércoles, 31 de marzo de 2010

Añadir texto informativo en el footer de un blog de Blogger

 Para añadir un texto informativo en el footer de un blog de Blogger --como el nombre del autor, la plantilla utilizada o las licencias--, lo primero que hay que hacer es buscar en la plantilla la línea de código donde está el encabezado de estilos #footer (/* Footer */) y añadir debajo de él otros dos nuevos: .author (para las propiedades de los datos del autor del blog) y .credits (para las propiedades de los datos de la plantilla utilizada). Este sería el código que habría que insertar en la plantilla (debajo del código resaltado en rojo):
#footer {
  width: 100%;
  line-height: 1.6em;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: none;
}.author {
  float: $startSide;
  padding-left: 20px;
  color: #b02b2c;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 10px
}

.credits {
  float: $endSide;
  padding-right: 20px;
  color: #b02b2c;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 10px
}
 Ahora vamos a Escritorio de Blogger → Diseño → Elementos de la página y añadimos un gadget en el footer con el siguiente código:
<div class="author">
AQUÍ AÑO ¦ <a href="http://AQUÍ URL del BLOG" title="AQUÍ TEXTO visible al pasar el CURSOR"><span style="font-size: medium;"><strong>AQUÍ nombre del BLOG</strong></span></a></div>
<div class="credits">
AQUÍ datos de PLANTILLA <a href="http://AQUÍ URL"><span style="font-size: small;"><strong>Blogger</strong></span></a></div>
 Utilizando el código de estos ejemplos, el texto de la información del blog aparecería a la izquierda del footer y el texto del tipo de plantilla a la derecha del mismo.


----------------------------------------------------------------------------------------------------------------------------------------------------------

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>

lunes, 29 de marzo de 2010

Color de fondo del contenedor de contenido en Blogger

 Para establecer el color de fondo del contenedor de contenido (contenedor de posts + contenedor/es de barra/s lateral/es) en un blog de Blogger, hay que buscar en la plantilla la línea de código donde está el encabezado #content-wrapper (/* Outer-Wrapper */ o /* Content-Wrapper */) y añadir la propiedad background-color con su correspondiente valor de color RGB en hexadecimal. Como en otras ocasiones, en lugar de la propiedad background-color se puede utilizar la de background.

 El código quedaría de forma similar al del siguiente ejemplo:
#content-wrapper {
  width: 100%; 
  position: relative;
  margin: 0 auto;
  padding: 0;
  background-color: #f0f8ff;
  background-image: none;
}

sábado, 27 de marzo de 2010

Añadir una nueva barra lateral en Blogger

 A la hora de añadir una nueva sidebar (o barra lateral) en un blog de Blogger, lo primero que hay que hacer es buscar en la plantilla el encabezado /* Outer-Wrapper */ y centrarse en el siguiente código:
/* Outer-Wrapper */

#outer-wrapper { 
  width: 660px;
  margin: 0 auto;
  padding: 0;
  text-align: justify;
  font: $bodyfont;
  border: 4px ridge #3399cc;
  background: #c3d9ff;
}

#main-wrapper {
  width: 410px;
  padding: 10px 8px 10px 8px;
  float: $startSide;
  border-top: 2px solid $bordercolor;
  border-right: 1px solid $bordercolor;
  border-bottom: 2px solid $bordercolor;
  border-left: 1px solid $bordercolor;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
  width: 220px;
  padding: 10px 8px 10px 8px;
  float: $endSide;
  border: 0;
  background-color: #eeeeee;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
 Empezaremos por renombrar #sidebar-wrapper como #right-sidebar-wrapper y añadiremos una nueva línea de código para la nueva columna lateral: #left-sidebar-wrapper (con propiedades y valores similares a los de la otra columna lateral). También hay que modificar el ancho total del blog, teniendo en cuenta que la suma del ancho del left-sidebar-wrapper, del main-wrapper y del right-sidebar-wrapper debe ser siempre ligeramente inferior al ancho del outer-wrapper (no hay que olvidar aplicar el mismo cambio de ancho total al header-wrapper y al footer [o footer-wrapper]). Es conveniente añadir al main-wrapper la propiedad margin-left con el correspondiente valor de longitud en píxeles, para separar el contenedor de los posts del de la nueva columna lateral.

 El código que deberemos de implementar será similar al del siguiente ejemplo:
/* Outer-Wrapper */

#outer-wrapper { 
  width: 980px;
  margin: 0 auto;
  padding: 0;
  text-align: justify;
  font: $bodyfont;
  border: 4px ridge #3399cc;
  background: #c3d9ff;
}

#left-sidebar-wrapper {
  width: 210px;
  padding: 10px 8px 10px 8px;
  float: $startSide;
  text-align: center;
  border: 0;
  background-color: #eeeeee;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#main-wrapper {
  width: 475px;
  margin-top: 4px;
  margin-left: 5px;
  padding: 10px 8px 10px 8px;
  float: $startSide;
  border-top: 2px solid $bordercolor;
  border-right: 1px solid $bordercolor;
  border-bottom: 2px solid $bordercolor;
  border-left: 1px solid $bordercolor;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#right-sidebar-wrapper {
  width: 235px;
  padding: 10px 8px 10px 8px;
  float: $endSide;
  border: 0;
  background-color: #eeeeee;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
 Por último, hay que añadir a la plantilla el siguiente código debajo de la línea resaltada en rojo (renombrando el elemento div id='sidebar-wrapper'):
<div id='content-wrapper'>
   
<div id='left-sidebar-wrapper'>
<b:section class='left-sidebar' id='left-sidebar' preferred='yes'>
</b:section>
</div><div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>
</div>

<div id='right-sidebar-wrapper'>
<b:section class='right-sidebar' id='right-sidebar' preferred='yes'>
</b:section>
</div>


----------------------------------------------------------------------------------------------------------------------------------------------------------

jueves, 25 de marzo de 2010

Color de fondo de los títulos de los posts

 Para establecer el color de fondo de los títulos de los posts en un blog de Blogger, hay que buscar en la plantilla la línea de código donde está el encabezado .post h3 (/* Posts */) y añadir la propiedad background-color con su correspondiente valor de color RGB en hexadecimal.

 El código quedaría de forma similar al del siguiente ejemplo:
.post h3 {
  margin: 0.25em 0 0.25em;
  padding: 2px 8px 2px 8px;
  font-size: 125%;
  font-weight: normal;
  line-height: 1.4em;
  text-align: center;
  text-transform: none;
  border-top: 1px solid #f2f2f2;
  border-right: 1px solid #bdbdbd;
  border-bottom: 1px solid #a4a4a4;
  border-left: 1px solid #bdbdbd;
  background-color: #d8d8d8;
  background-image: none; 
}

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>

domingo, 21 de marzo de 2010

Añadir borde a los títulos y a los elementos de la sidebar

 Para añadir bordes a los títulos y a los elementos de la sidebar (o barra lateral) en Blogger, hemos de buscar las líneas de código donde están los encabezados .sidebar h2 y .sidebar .widget (/* Sidebar Content */) y añadir las propiedades border con sus correspondientes valores.

 Será necesario jugar con los valores de las propiedades border-top, border-right, border-bottom y border-left, para evitar superposiciones y otros efectos indeseados (cada plantilla es un mundo).

 Así podría quedar el código para añadir el borde de los títulos de la sidebar:
.sidebar h2 {
  padding: 5px;
  border-top: 1px solid #ffffff;
  border-right: 0;
  border-bottom: 1px solid #bdbdbd;
  border-left: 0;
  background-color: #d8d8d8;
  background-image: none;
}
 Y así quedaría el código para añadir el borde a los elementos de la sidebar:
.sidebar .widget { 
  margin: 0 0 0.25em;
  padding: 0 0 0.75em;
  border-top: 0;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #a4a4a4;
  border-left: 1px solid #d8d8d8;
  background: #e6e6e6;
}

sábado, 20 de marzo de 2010

Añadir borde al contenedor de posts en Blogger

 Para añadir un borde al contenedor de los posts en Blogger, hemos de buscar la línea de código donde está el encabezado #main-wrapper (/* Outer-Wrapper */) y añadir la propiedad border con sus correspondientes valores. Si queremos utilizar el valor $bordercolor, hay que asegurarse previamente de que está en la lista de variables de la plantilla (/* Variable definitions):
<Variable name="bordercolor" description="Border Color"
          type="color" default="#333" value="#0066CC">
 Y lo mismo habrá que hacer con el valor $startSide, que equivale a left:
<Variable name="startSide" description="Start side in blog language"
          type="automatic" default="left" value="left">
 El código que va a definir el borde se puede personalizar más añadiendo las propiedades border-top, border-right, border-bottom y border-left, como se puede ver en este ejemplo:
#main-wrapper {
  width: 465px;
  padding: 10px 8px 10px 8px;
  float: $startSide;
  border-top: 2px solid $bordercolor;
  border-right: 1px solid $bordercolor;
  border-bottom: 2px solid $bordercolor;
  border-left: 1px solid $bordercolor;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

Color de fondo de los títulos de la sidebar

 Para establecer el color de fondo de los títulos de la sidebar (o barra lateral) de un blog de Blogger, hay que buscar en la plantilla la línea de código donde está el encabezado .sidebar h2 (/* Sidebar Content */) y añadir la propiedad background-color con su correspondiente valor de color RGB en hexadecimal. En ocasiones ocurre que .sidebar h2 no aparece en la plantilla, en cuyo caso hay que implementarlo en la zona de /* Sidebar Content */, que es donde suelen estar las propiedades de la sidebar.

 El código quedaría de forma similar al del siguiente ejemplo:
.sidebar h2 {
  padding: 5px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #bdbdbd;
  background-color: #d8d8d8;
  background-image: none; 
}

viernes, 19 de marzo de 2010

Color de fondo de los elementos de la sidebar

 Para establecer el color de fondo de los elementos de la sidebar (o barra lateral) de un blog de Blogger, hay que buscar en la plantilla la línea de código donde está el encabezado .sidebar .widget (/* Sidebar Content */) y añadir la propiedad background con su correspondiente valor de color RGB en hexadecimal. En ocasiones se nos presenta como .sidebar .widget, .main .widget, en cuyo caso hay que separar el código en dos grupos independientes.

 El código quedaría de forma similar al del siguiente ejemplo:
.sidebar .widget { 
  margin: 0 0 0.25em;
  padding: 0 0 0.75em;
  border-top: 0;
  border-right: 1px solid #bdbdbd;
  border-bottom: 1px solid #a4a4a4;
  border-left: 1px solid #bdbdbd;
  background: #c3d9ff;
}

.main .widget { 
  margin: 0 0 1.5em;
  padding: 0 0 1.5em;
  border-bottom: 1px dotted $bordercolor;
}

domingo, 14 de marzo de 2010

Código de Goear válido para XHTML

 El problema principal que se nos presenta cuando insertamos el código de audio de Goear 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".

 Este es un ejemplo del código de audio que proporciona Goear:
<object height="132" width="353"><embed src="http://www.goear.com/files/external.swf?file=0758235" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="353" height="132"></embed></object>
 Y este sería el código válido para el mismo audio de Goear, centrado y para un tamaño de 353 de ancho por 132 de alto:
<div style="margin: auto; text-align: center;"><object data="http://www.goear.com/files/external.swf?file=0758235" style="height: 132px; width: 353px;" type="application/x-shockwave-flash"><param name="movie" value="http://www.goear.com/files/external.swf?file=0758235" /><param name="wmode" value="transparent" /><param name="quality" value="high" /></object></div>
 Últimamente se viene observando por parte de los usuarios de Internet Explorer que los reproductores de Goear se autoejecutan, cosa bastante molesta si hay varios de ellos insertados en la misma página. La solución más sencilla es agregar al valor de la URL el parámetro autoplay=0. También puede ser necesario añadir una etiqueta param con el atributo play de valor false, quedando el código de la siguiente forma:
<div style="margin: auto; text-align: center;"><object data="http://www.goear.com/files/external.swf?file=0758235&autoplay=0" style="height: 132px; width: 353px;" type="application/x-shockwave-flash"><param name="movie" value="http://www.goear.com/files/external.swf?file=0758235&autoplay=0" /><param name="wmode" value="transparent" /><param name="quality" value="high" /><param name="play" value="false" /></object></div>
----------------------------------------------------------------------------------------------------------------------------------------------------------

jueves, 11 de marzo de 2010

Casa rural La Escrita, en Arlanza (Bembibre, León)

 Arlanza es una pedanía de la localidad leonesa de Bembibre, perteneciente a la comarca tradicional de Bierzo Alto (comarca castellano-leonesa de El Bierzo). Esta aldea leonesa dista 5 kilómetros de Bembibre y 15 de Ponferrada, la capital de la comarca berciana, que cuenta con un magnífico castillo. En sus alrededores se conservan vestigios de antiguos asentamientos, como La Escrita, El Cocotín o el castro de Tedejo. También hay que destacar la cercanía de la aldea de Labaniego --situada en el monte del Sardonal--, donde se pueden contemplar los restos del antiguo convento de San Fructuoso de Labaniego.

 En Arlanza está situada la casa rural La Escrita, concretamente en la Calle El Potro s/n, 24319 Arlanza (Bembibre [León]). La casa tiene capacidad para dos o tres personas y se alquila de forma completa; está en funcionamiento durante todo el año.

La EscritaCasa rural La Escrita, en Arlanza (Bembibre [León]).
 La Escrita es una casa tradicional que ha sido rehabilitada recientemente, conjugando el respeto a las formas arquitectónicas tradicionales con un toque más moderno y funcional en los interiores. Los materiales básicos empleados en su construcción son la piedra, la madera y la pizarra para el tejado.

 En la planta baja, la casa dispone de una cocina y zona de estar, con vitrocerámica, campana estractora y microondas; tiene televisor, reproductor DVD, equipo de sonido, una pequeña biblioteca con libros e información de la comarca y una estufa calefactora ecológica que utiliza combustible tipo biomasa ("pellets"). La primera planta cuenta con una habitación con cama de 1,40 metros y un baño con bañera de 1,70 metros. Hay ropa de cama y toallas en la casa. Tiene emisores térmicos de calefacción. No se admiten animales dentro de la casa.

La EscritaZona de estar de la casa rural La Escrita, en Arlanza (Bembibre [León]).
 El propietario de la casa es Jesús Javier Ortiz Trapote, una de las personas más inquietas e imaginativas que conozco y todo un ejemplo de cómo se puede ser emprendedor y empresario sin perder por ello la calidad humana. Para los que quieran alquilar La Escrita, aquí les dejo más información:

■ Dirección: C/ El Potro s/n, 24319 Arlanza (Bembibre [León]).
■ Teléfono: 619 64 46 32
■ E-mail: ortiztra@hotmail.com
■ Web: http://www.labaniego.es/
■ Precios:
  • Fin de semana: 122 euros.
  • Semana: 250 euros.
  • Quincena: 480 euros.
  • Noche extra: 40 euros.
 Para estancias más largas es preciso consultar el precio con el propietario. Se requiere un pago previo del 25% del precio total para formalizar la reserva (mediante transferencia bancaria).

domingo, 7 de marzo de 2010

Casa rural La Nogala, en Labaniego (Bembibre, León)

 Labaniego es una pedanía de la localidad leonesa de Bembibre, perteneciente a la comarca tradicional de Bierzo Alto (comarca castellano-leonesa de El Bierzo). Esta aldea leonesa dista unos 6 kilómetros de Bembibre y 16 de Ponferrada, la capital de la comarca berciana. En sus alrededores se conservan vestigios de antiguos asentamientos, como La Escrita, El Cocotín o el castro de Tedejo. También hay que destacar la presencia de los restos del antiguo convento de San Fructuoso de Labaniego.

 En Labaniego está situada la casa rural La Nogala, concretamente en la Calle El Cristo s/n, 24319 Labaniego (Bembibre [León]). La casa tiene capacidad para cuatro personas y se alquila de forma completa; está en funcionamiento durante todo el año.

La NogalaCasa rural La Nogala, en Labaniego (Bembibre [León]).
 La Nogala es una casa tradicional decorada con esmero. Sus interiores rústicos --con mobiliario de estilo tradicional berciano-- hacen de la casa un lugar ideal para descansar y disfrutar de la naturaleza. Los materiales básicos empleados en su construcción son la piedra, la madera y la pizarra para el tejado. Dispone de dos habitaciones dobles: la situada en la primera planta cuenta con una cama de 1,35 metros y la situada en la zona abuhardillada cuenta con dos camas individuales. Hay ropa de cama y toallas en la casa. Tiene calefacción eléctrica, cocina equipada, microondas, televisor, equipo de sonido, lavadora, estufa de leña y una pequeña biblioteca con libros e información de la comarca. Hay también un jardín exterior y una parrilla a disposición de los huéspedes. No se admiten animales dentro de la casa (consultar con el propietario condiciones particulares al respecto).

La NogalaSalón comedor de La Nogala, en Labaniego (Bembibre [León]).
 El propietario de la casa es Jesús Javier Ortiz Trapote, una de las personas más inquietas e imaginativas que conozco. Para los que quieran alquilar La Nogala, aquí les dejo más información:

■ Dirección: C/ El Cristo s/n, 24319 Labaniego (Bembibre [León]).
■ Teléfono: 619 64 46 32
■ E-mail: ortiztra@hotmail.com
■ Web: http://www.labaniego.es/
■ Precios:
  • Fin de semana: 125 euros.
  • Semana: 270 euros.
  • Quincena: 500 euros.
  • Noche extra: 42 euros.
 Para estancias más largas es preciso consultar el precio con el propietario. Se requiere un pago previo del 25% del precio total para formalizar la reserva (mediante transferencia bancaria).

Modificar el ancho total del blog

 Para modificar el ancho total de un blog de Blogger, hay que buscar en la plantilla las líneas de código donde están los encabezados #header-wrapper (/* Header */), #outer-wrapper (/* Outer-Wrapper */) y #footer (/* Footer */); a sus respectivas propiedades width hay que añadir un mismo valor de longitud en píxeles.

 En este ejemplo, he añadido un valor de 980 píxeles (un valor óptimo para una resolución de 1024x768):
#header-wrapper {
  width: 980px;
  margin: 0 auto;
  border: 0;
}
#outer-wrapper { 
  width: 980px;
  margin: 0 auto;
  padding: 0;
  text-align: justify;
  font: $bodyfont;
  border: 4px ridge #3399cc;
  background: #c3d9ff;
}
#footer {
  width: 980px;
  height: 122px;
  clear: both;
  margin: 0 auto;
  padding-top: 0;
  line-height: 1.6em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
  background-image: url(http://img411.imageshack.us/img411/6596/silverolusplater04awu8.jpg);
}
 En el anterior ejemplo se puede observar que las definiciones principales del pie del blog (o footer) están encabezadas por #footer; esto no es razonable, así que es preferible dividir las propiedades entre #footer-wrapper y #footer, como puede verse en el siguiente ejemplo:
#footer-wrapper {
  width: 980px;
  height: 122px;  
  clear: both;  
  margin: 0 auto;
  background-image: url(http://img411.imageshack.us/img411/6596/silverolusplater04awu8.jpg);  
}

#footer {
  width: 100%;
  padding-top: 0;
  line-height: 1.6em;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
}


----------------------------------------------------------------------------------------------------------------------------------------------------------

sábado, 6 de marzo de 2010

Color de fondo del pie de un blog de Blogger

 Para establecer el color de fondo del pie de un blog de Blogger, hay que buscar en la plantilla la línea de código donde está el encabezado #footer (/* Footer */) y añadir la propiedad background-color con su correspondiente valor de color RGB en hexadecimal.

 El código quedaría de forma similar al del siguiente ejemplo:
#footer {
  width: 980px;
  height: 122px;
  clear: both;
  margin: 0 auto;
  padding-top: 0;
  line-height: 1.6em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
  background-color: #3f4c6b;
  background-image: none; 
}

Imagen de fondo en el pie de un blog de Blogger

 Para insertar una imagen de fondo en el pie de un blog de Blogger, hay que buscar en la plantilla la línea de código donde está el encabezado #footer (/* Footer */) y añadir la propiedad background-image con su correspondiente valor de URL.

 El código quedaría de forma similar al del siguiente ejemplo:
#footer {
  width: 980px;
  height: 122px;
  clear: both;
  margin: 0 auto;
  padding-top: 0;
  line-height: 1.6em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
  background-image: url(http://AQUÍ poner URL de la imagen);
}

viernes, 5 de marzo de 2010

Cambiar el color de fondo de la zona útil del blog

 Si deseamos cambiar el color de fondo de la zona útil de nuestro blog de Blogger, tendremos que modificar algo el código de las Hojas de Estilo (CSS) de la plantilla.

 Hemos de buscar en la plantilla la línea de código #outer-wrapper (/* Outer-Wrapper */) y cambiar el valor de background por otro código de color RGB en hexadecimal (hex color). Esta es la forma más sencilla de hacerlo y el código en cuestión sería semejante al del siguiente ejemplo:
#outer-wrapper { 
  width: 980px;
  margin: 0 auto;
  padding: 0;
  text-align: justify;
  font: $bodyfont;
  border: 4px ridge #3399cc;
  background: #c3d9ff;
}

martes, 2 de marzo de 2010

Añadir borde a los títulos de los posts en Blogger

 Para añadir un borde a los títulos de los posts en Blogger, hemos de buscar la línea de código donde está el encabezado .post h3 (/* Posts */) y añadir la propiedad border con sus correspondientes valores.

 El borde se puede personalizar más añadiendo las propiedades border-top, border-right, border-bottom y border-left, como se puede ver en este ejemplo:
.post h3 {
  margin: 0.25em 0 0.25em;
  padding: 2px 8px 2px 8px;
  font-size: 125%;
  font-weight: normal;
  line-height: 1.4em;
  text-align: center;
  text-transform: none;
  border-top: 1px solid #f2f2f2;
  border-right: 1px solid #bdbdbd;
  border-bottom: 1px solid #a4a4a4;
  border-left: 1px solid #bdbdbd;
  color: $titlecolor;
  background-color: transparent;
}

lunes, 1 de marzo de 2010

Títulos de la sidebar y fechas de los posts en Blogger

 En el código de la plantilla Mínima de Blogger, tanto las fechas de los posts como los títulos de la sidebar se definen por defecto bajo el mismo encabezado: h2 (/* Headings */). En otras plantillas existe la línea de código .sidebar h2, para poder definir de manera independiente las propiedades de los títulos de la sidebar.

 Por ejemplo, si lo que queremos es que los títulos de la sidebar y las fechas de los posts se muestren en mayúsculas y minúsculas (no tan sólo en mayúsculas), deberemos cambiar el valor de text-transform; en vez de uppercase hay que poner none:
h2 {
  margin: 1.5em 0 0.75em;
  font: $headerfont;
  line-height: 1.4em;
  text-transform: none;
  letter-spacing: 0.2em;
  color: $sidebarcolor;
}

----------------------------------------------------------------------------------------------------------------------------------------------------------

jueves, 25 de febrero de 2010

El Asgard

 Asgard (Ásgard, Asgardhr, Ásgarðr o Asgård) es --en la Mitología germana y en la escandinava-- el nombre que recibe la morada de los dioses Æsir (Ases); es una fortaleza situada en el centro del universo. En ella se encuentra el trono Hlidskjalf, sobre el que toman asiento Odín y Frigg.

 Dentro del Asgard se encuentra el Valhalla, residencia de los Einheriar (Einherjar), héroes caídos en el combate. Sólo los hombres caídos en combate o señalados con la marca de Odín --una herida de lanza-- pueden formar parte de los Einheriar.

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

miércoles, 24 de febrero de 2010

Arianrod

Arianrod (Arianrhod) es --en la mitología celta-- el nombre de una heroína, hija de la diosa Dana (Dôn o Donu) y hermana de Amaethon, Gwydion, Gofannon y Llud. Se la identificó con la constelación de la Corona Boreal, denominada por los galeses como "Castillo de Arianrod".

Arianrod mantuvo relaciones incestuosas con su hermano Gwydion, el mago. Como fruto de esta relación dio a luz a dos hijos: Dylan Eil Ton y Lleu Llaw Gyffes. Abandonó a Dylan y se negó a reconocer a Lleu, a quien además maldijo.

martes, 23 de febrero de 2010

La diosa Artio

 Artio es --en la mitología celta-- el nombre de una divinidad benévola, representada en muchas ocasiones en compañía de una osa o incluso con la forma de este animal. Se la identificó con la diosa griega Ártemis.

 La diosa Artio fue adorada por diversos pueblos celtas, como la tribu gala de los Tréveros, o Tréviros. También se la rendía culto en la Hispania celta con el nombre de dios Arco (Arconi).

════════════════════════════════════════════ eXponsor - Enlaces y Anuncios Patrocinados
════════════════════════════════════════════ Portfolio de Silverolus en Fotolia
Portfolio de Silverolus en Dreamstime
════════════════════════════════════════════

lunes, 22 de febrero de 2010

La ninfa Ardvina

 Ardvina (Ardbinna, Arduena, Arduenna, Arduina, Arduinna o Ardvinna) es --en la mitología celta-- una ninfa que habitaba en un bosque al que posteriormente se le dio su nombre: el Bosque de las Ardenas. Ya en época tardía los galos la identificaron con la diosa romana de la caza, Diana.