Como solucionar etiquetas desaparecidas de Blogger

Llevo unos días recibiendo prácticamente a diario la misma consulta sobre la desaparición de las etiquetas en el post-footer (pie de la entrada).

En primer lugar tendremos que pensar que es problema de la configuración de nuestra plantilla, así que para descartar esta opción lo comprobaremos desde la parte de "Diseño" de nuestro panel.

Allí pinchamos en el "Editar" de "Entradas del blog" y comprobamos si tenemos marcada la opción de mostrar las etiquetas.


Entradas editarEtiquetas

En algunos casos las etiquetas se mostrarán de forma inmediata debajo de las entradas después de marcar esa opción.
Por supuesto, y ahí está el problema, que en la gran mayoría de los casos las etiquetas no se mostrarán independientemente de que la opción esté marcada o no.

En ese caso tendremos que suponer que el código de las etiquetas, por el motivo que sea, no está presente en nuestra plantilla.
Para comprobar esto, tendremos que ir a "Edición HTML" de nuestro panel, marcar la opción de "Expandir las plantillas de artilugios" y tratar de localizar este código:

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>

En el caso de que el código no esté en la plantilla tendremos que recuperarlo.

Localizamos esta línea:

<div class='post-footer-line post-footer-line-2'>

Justo a continuación colocamos el código que nos falta y usamos la Vista previa. Si todo ha salido como era de esperar, veremos las etiquetas al pie de las entradas, así que ya podremos guardar los cambios.

Nota:
Dependiendo de la plantilla, la línea que tenemos que localizar para colocar el código, podría mostrarse de esta otra forma:

<p class='post-footer-line post-footer-line-2'>

Compartir Enlace

Eliminar objetos de una imagen con ImageCompletion

| 0 comentarios



Como se puede ver en el ejemplo superior, sacado de la propia página del proyecto ImageCompletion, cuando queremos sacar un objeto de una fotografía, podemos pasarnos un par de horas cacharreando con gimp o photoshop para intentar obtener un resultado que probablemente no será tan bueno como el que haríamos automáticamente empleando el programa libre ImageCompletion.

Para su utilización, lo único que tenemos que hacer es marcar de un color sólido el objeto que queremos "eliminar" para que, a partir del resto de la imagen, el programa interpole de modo automatizado los píxeles necesarios para sobrescribir el color con el que hemos marcado la zona a eliminar y que parezca que no se ha tocado la foto.

Los únicos requisitos para su ejecución son Windows XP y tener instalado la versión 1.1 del framework .net.

Enlaces:
Descarga y manuales de ImageCompletion: http://www2.mta.ac.il/~tal/ImageCompletion/

CopyPasteandoLink

Mensaje de bienvenida sobre las entradas blogger

 He recibido varias consultas últimamente en las que me solicitaban la forma de mostrar un mensaje de bienvenida en la página principal.

Vamos a crear sobre las entradas una nueva sección en la que colocaremos un gadget HTML donde incluiremos nuestro mensaje de bienvenida, que solo será visible en la página principal del blog y al que daremos un aspecto diferente al resto del blog.

[1] En nuestro panel vamos a "Edición HTML" y localizamos este código sin expandir las plantillas de artilugios":


<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/>
</b:section>

[2] Justo antes de ese código, colocamos el código para la nueva sección:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='main' id='main-dos' showaddelement='yes'>
<b:widget id='HTML50' locked='false' title='' type='HTML'/>
</b:section>
</b:if>

[3] Guardamos los cambios.
Si ahora vamos a la parte de "Diseño" de nuestro panel, veremos la nueva sección sobre las entradas con el gadget HTML que hemos añadido:

Nueva Seccion

[4] Pinchamos entonces en "editar" del nuevo gadget y colocamos algo como esto en su interior:
<div class="mensaje">

<h2>¡Bienvenido!</h2>

<img src="http://img155.imageshack.us/img155/3627/34283694.jpg"/>
<p>Bienvenido a mi blog.</p>
<p>Espero que lo que veas aquí sea de tu agrado y pases un rato agradable.</p>

<p>¡Estás en tu casa!</p>

<p>Si quieres puedes suscribirte a mi <a href="http://feeds2.feedburner.com/blogspot/hnBy">feed</a> </p>

<p>Y si necesitas contactar conmigo, puedes enviarme un <a href="mailto:lejaniaimposible@hotmail.com">email</a></p>

</div>

[5] Guardamos cambios y vamos a comprobar como se ve nuestro mensaje de bienvenida:

Vista previa

[6] Vamos a usar algo de CSS para personalizar el diseño del mensaje.
Como podéis ver, el contenido del mensaje de bienvenida está incluido dentro de un <div> al que hemos añadido una clase (<div class="mensaje">), usando esa clase colocaremos en el CSS de nuestra plantilla (siempre antes de ]]></b:skin>) algo como esto:

.mensaje{background:#B7D3D9;padding: 10px;font-size: 14px;}
.mensaje h2{font-size: 22px; margin: 0 auto; color: #fff; font-weight: bold;text-align: center; }
.mensaje a{font-weight: bold; color:#fff;text-decoration:underline;}

Con esto le estamos diciendo al contenido de nuestro "mensaje" que muestre un fondo de color, una separación del contenido a los bordes y que el tamaño del texto sea de 14px:

.mensaje{background:#B7D3D9;padding: 10px;font-size: 14px;}

En el div hemos incluido el título del mensaje entre <h2> y </h2> para poder controlar su aspecto.
Le damos un tamaño de texto de 22px, establecemos un margen, un color para el texto y le indicamos que se vea centrado y en negrita:

.mensaje h2{font-size: 22px; margin: 0 auto; color: #fff; font-weight: bold;text-align: center; }

Añadimos también una línea de código que controle el aspecto de los enlaces a la vista.
Serán de color blanco y estarán en negrita, mostrándose además subrayados:

.mensaje a{font-weight: bold; color:#fff;text-decoration:underline;}

[7] Guardamos los cambios en la plantilla y comprobamos el aspecto que va cobrando nuestro mensaje.

Mensaje configurado

[8] Podríamos añadir una imagen dentro del div para que su diseño quedase aún mas llamativo, incluso podríamos usar esa imagen como enlace.

Editamos de nuevo el gadget y colocamos la url de la imagen después de su título:
<div class="mensaje">

<h2>¡Bienvenido!</h2>
<img src="http://img155.imageshack.us/img155/3627/34283694.jpg"/>
<p>Bienvenido a mi blog.</p>
<p>Espero que lo que veas aquí sea de tu agrado y pases un rato agradable.</p>

<p>¡Estás en tu casa!</p>

<p>Si quieres puedes suscribirte a mi <a href="http://feeds2.feedburner.com/blogspot/hnBy">feed</a> </p>

<p>Y si necesitas contactar conmigo, puedes enviarme un <a href="mailto:lejaniaimposible@hotmail.com">email</a></p>

</div>

[9] Ya solo nos quedaría añadir, justo a continuación del código CSS que antes colocamos en la plantilla, una línea más de código para controlar la posición de la imagen y añadirle un borde con una ligera separación de este a la imagen:

.mensaje img{float: right;border: 1px solid #fff;padding: 2px;}

Resultado final

Compartir Enlace

Como recuperar un blog eliminado de Blogger

| 0 comentarios

Blogger ha añadido una nueva función a nuestro panel.
Ya podemos recuperar fácilmente un blog que hayamos eliminado por error o simplemente porque queramos volver a retomarlo.


Ha sido en el panel de la cuenta donde hago mis pruebas que he podido comprobarlo:


Recuperar Blog

Por descontado que enseguida he pinchado en "Recuperar este blog" y tal como me había dicho PedroX el blog ha vuelto a aparecer en el panel de Blogger.
He accedido al blog y todo estaba tal como estaba antes de ser eliminado, imágenes, entradas, diseño, comentarios... todo en perfecto estado.

Estoy segura que más de uno se alegrará mucho cuando vea en su panel de nuevo el blog que ya daba por perdido...

Compartir Enlace

Como poner imagenes en Ultimas Entradas de Blogger

Un gadget que me he encontrado en The MLxperience

Copiando y pegando en un gadget HTML de la sidebar el código que allí nos proporcionan, mostraremos las cinco últimas entradas de nuestro blog acompañadas de una miniatura de imagen cada una de ellas.


<script language="JavaScript">
imgr = new Array();

imgr[0] = "http://librarysupporter.googlepages.com/thumb.jpg";
imgr[1] = "http://librarysupporter.googlepages.com/thumb1.jpg";
imgr[2] = "http://librarysupporter.googlepages.com/thumb2.jpg";
imgr[3] = "http://librarysupporter.googlepages.com/thumb3.jpg";
imgr[4] = "http://librarysupporter.googlepages.com/thumb4.jpg";

showRandomImg = true;

tablewidth = 220;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";

imgwidth = 50;
imgheight = 50;

fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 50;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = " ";

numposts = 5;

home_page = "http://TU_BLOG.blogspot.com/";

</script>
<script src="http://wrath.xzibition.com/~jellybeans/recentposts_thumb.js" type="text/javascript"></script>

Modificaciones:

En esta línea del código tendremos que colocar la url de nuestro blog:

home_page = "http://TU_BLOG.blogspot.com/";

Si bien en The XMLxperience nos proporcionan el código con el script incluido, nos recomiendan (y yo también lo hago) descargar el script y usarlo en el código desde
nuestro propio alojamiento.
Fijaros en esta línea del código:

http://wrath.xzibition.com/~jellybeans/recentposts_thumb.js

Si la copiamos y pegamos en nuestro navegador, podremos descargar con facilidad el script desde su actual alojamiento a nuestro PC y una vez allí subirlo a un alojamiento de archivos.
También podéis descargarlo desde mi alojamiento.
Una vez alojado sustituimos en el código la url "antigua" por la nueva.

En el gadget se mostrará la miniatura de alguna de las imágenes que hayamos incluido en las entradas. Si hemos publicado alguna entrada sin usar imágenes y para evitar que el gadget pierda su estética, el script mostrará una imagen de forma aleatoria de las que hayamos incluido en el código.

Es en esta parte del código donde colocaremos las url de las distintas imágenes que se mostrarán cuando la entrada solo contenga texto:

imgr[0] = "http://librarysupporter.googlepages.com/thumb.jpg";
imgr[1] = "http://librarysupporter.googlepages.com/thumb1.jpg";
imgr[2] = "http://librarysupporter.googlepages.com/thumb2.jpg";
imgr[3] = "http://librarysupporter.googlepages.com/thumb3.jpg";
imgr[4] = "http://librarysupporter.googlepages.com/thumb4.jpg";


Como veis son cuatro imágenes distintas que podemos cambiar por las nuestras sustituyendo cada url por la de las nuevas imágenes.


ultimas entradasModificar el aspecto del gadget

tablewidth = 220; Ancho del gadget.
borderColor = "#ffffff"; Color del borde.
bgTD = "#ffffff"; Color de fondo del gadget.
imgwidth = 50; Ancho de la miniatura de imagen.
imgheight = 50; Alto de la miniatura de imagen.
fntsize = 12; Tamaño del texto de los títulos.
acolor = "#666"; Color del título de entrada.
showPostDate = false; Fecha de entradas. No mostrar (false), Mostrar (true).
summaryPost = 50; Número de caracteres del resumen que se muestra de la entrada.
summaryFontsize = 11; Tamaño de texto del resumen de entrada.
summaryColor = "#666"; Color de texto del resumen de entrada.
numposts = 5; Número de entradas a mostrar en el gadget.

Además de todos estos cambios, también podemos usar el script modificado para que muestre nuestras últimas entradas alineadas en horizontal tal como podéis ver en The MLxperience debajo de su menú.

Esta forma de mostrar las últimas entradas es adecuada por ejemplo, para la sección del crosscol o el pie (footer) del blog.

ultimas entradas

Para lograr esto, seguimos los pasos anteriores pero colocando en el código la url del script modificado, después de descargarlo a nuestro PC y subido a un alojamiento adecuado.
Compartir Enlace

Deshabilita las 6 opciones inútiles de Windows Vista

Hace un tiempo veíamos como desactivar seis funciones inútiles para la mayoría de los usuarios de Windows XP en este artículo.
Habría cabido esperar que el gigante de la informática de Redmond hubiera rebajado la cifra de opciones inútiles activadas por defecto en Windows Vista, pero nada más lejos de la realidad.
A continuación vamos a ver otros seis apartados a los que es recomendable prestar atención tras instalar Windows Vista.


1. Las mismas presentes en Windows XP

Si por algo destaca Microsoft no es precisamente por aprender de sus errores, por tanto, la mayoría de los apartados que veíamos para Windows XP siguen necesitando ser configurados en Windows Vista.
Concretamente, ocultar extensiones para tipos de archivos conocidos, no mostrar archivos ni carpetas ocultos y agrupar los botones similares en la Barra de Tareas. Afortunadamente el Asistente de limpieza de iconos del Escritorio ha pasado a mejor vida en Windows Vista, y el sistema de búsqueda es completamente nuevo por lo que el perrito no nos molestará más.

2. Desactivar UAC

A estas alturas todo el mundo conoce al temido y odiado UAC, User Account Control. Se trata de un mecanismo de seguridad de Vista que lo protege contra cambios no autorizados. Hasta ahí, la cosa es normal, si no fuera porque puede convertir tu vida en un infierno mostrándote una sucesión de advertencias redundantes.
Si te has pasado toda tu vida con Windows XP sin que ningún UAC velara por tu seguridad y has sobrevivido, quizá no sea tan mala idea desactivarlo, especialmente si eres un usuario avanzado.



En este artículo mencionan cómo poner fin a este apartado sin ningún programa adicional. Ahora bien, también puedes utilizar TweakUAC para mantener esta característica activada en modo silencioso.

3. Windows Sidebar

La barra lateral de Windows Vista llamó nuestra atención durante un breve lapso de tiempo pero, ¿y después… qué?
Es decir, queda bonito y le da algo de color al Escritorio pero tras haberla visto día tras día uno se pregunta si realmente sirve para algo. ¿Una serie de gadgets que se pasan ocultos casi el 90% del tiempo consumiendo recursos y accediendo a Internet? No parece la idea mejor llevada del mundo.
Si piensas lo mismo, para desactivar Windows Sidebar debes hacer clic derecho sobre su icono en la Bandeja del sistema para después pulsar sobre Propiedades.
En la siguiente ventana puedes configurar varios apartados de la barra, así como desactivarla desmarcando Iniciar Windows Sidebar cuando Windows se inicie.


 

4. Demasiada transparencia



¿Entiendes algo en la anterior captura de pantalla? Es comprensible que, deseoso por mostrar al mundo entero la nueva interfaz Aero, al encargado de elaborar la configuración por defecto de transparencia se le haya ido un poco la mano.

Transparencia exagerada y muchas ventanas abiertas da como resultado una mezcla de imágenes y borrones de lo más desagradable. Afortunadamente es fácil poner fin a este problema.

Para ello sólo debes ir al Panel de Control / Personalización / Color y Apariencia de las ventanas y subir el deslizador Intensidad hasta el valor que más te agrade.


 

5. Vista por categorías en el Panel de Control

¿Te ha costado encontrar el anterior apartado en el Panel de Control? Posiblemente sea porque estás usando la vista normal del Panel de Control en lugar de la vista clásica. La diferencia entre ambas es la siguiente: la vista clásica tiene todos los apartados dispuestos sin orden ni concierto, igual a como sucede en Windows XP, mientras que en la vista normal se encuentran distribuidos en categorías.
La idea no es mala, pero cuando sabes perfectamente a dónde quieres ir resulta un tanto pesado tener que buscar su categoría y luego lidiar con toneladas de texto, subsecciones por un lado mezcladas con tareas, más secciones en el panel lateral… Es una cuestión de gustos, claro está, pero a mi parecer es menos confuso el modo clásico, el de toda la vida.
Conseguirlo es tan fácil como pulsar Vista clásica cuando entres en el Panel de Control. Windows lo recordará para la próxima vez.

6. Windows Defender

Es de agradecer la inclusión de un programa antispyware dentro de Windows, pero las pruebas han demostrado que su eficacia deja bastante que desear. Es por ello que si tienes la oportunidad de hacerte con alguna otra suite de seguridad -gratuita o no- puedes prescindir perfectamente de él.
Para evitar que Windows Defender se inicie con Windows, inícialo y pulsa sobre Herramientas y después sobre Opciones.



En  esta ventana puedes desactivar los análisis periódicos, las actualizaciones del programa, la protección en tiempo real o, si quieres ser más contundente, desactivar completamente Windows Defender desmarcando Usar Windows Defender.


Compartir Enlace

Como Recuperar los enlaces de navegación Blogger

Los "enlaces de navegación" pueden verse al final de las páginas de nuestro blog y sirven, como su nombre indica, para "navegar" por las páginas anteriores o posteriores del blog.


Enlaces de navegacion

Recibo a menudo consultas sobre como recuperarlos en plantillas que han sido diseñadas para no mostrar esos enlaces.
Aunque yo los considero imprescindibles para un blog, a menudo vemos en plantillas que se ofrecen para descarga, que quien ha diseñado o adaptado alguna de esas plantillas ha decidido ocultar esos enlaces.
En general, lo que suelen hacer en estos diseños es simplemente ocultar los enlaces mediante CSS, con lo que en nuestra plantilla tendremos algo así:

#blog-pager-older-link {
float: right;
display: none;
}
#blog-pager-newer-link {
float: left;
display: none;
}
#blog-pager {
text-align: center;
display: none;
}

Si estas líneas se encuentran en nuestra plantilla, lo único que tendríamos que hacer para recuperar nuestros enlaces de navegación sería borrar de cada una de ellas el display: none;:
#blog-pager-older-link {
float: right;
}

#blog-pager-newer-link {
float: left;
}
#blog-pager {
text-align: center;
}

Compartir Enlace

Sonic Riders (Multilenguaje – PC Game)

| 0 comentarios

1

Sonic regresa para hacer validar su título de erizo más rápido del mundo, y lo hace con un juego de carreras sobre tablas, al más puro estilo TrickStyle. Tras su paso por las consolas de sobremesa, la competición por las esmeraldas del caos se traslada ahora al terreno del PC, con la intención de volver a triunfar. Sonic vuelve al género de las carreras (tras los dos Sonic Drift de Game Gear y Sonic R de Saturn, PC y recopilado en Sonic Gems Collection, aparte de la aparición de este mismo Sonic Riders en PS2, Xbox y GC) y lo hace rodeado de un plantel de auténtico lujo, unos escenarios enormes llenos de sorpresas y atajos, y unas disputas a toda velocidad que harán las delicias de los aficionados, aunque tenga bastantes aspectos por pulir todavía.

Desarrollado por: Sonic Team
Publicado por: SEGA
Género: Arcade / Carreras (Futuristas) / 3D
Ripped: Películas
Idiomas: JAPONES - INGLÉS - FRANCÉS - ALEMÁN - ESPAÑOL - ITALIANO

Equipo mínimo: Windows 2000 o XP; Intel Pentium III o AMD equivalente a 1 GHz o superior; 128 MB de memoria RAM; Unidad DVD 8x ROM; 3 GB de espacio libre en el disco duro; resolución 640x480 - 16 bits (color alta densidad); DirectX 9.0c; tarjeta gráfica compatible con Direct3D y 64MB de VRAM o superior; tarjeta de sonido compatible con Direct Sound. Teclado y ratón compatible con Windows.
Equipo recomendado: Intel Pentium 4 a 1,4 GHz; 256 MB de memoria RAM; resolución 640x480 - 32 bits (color verdadero)


3 2

Links de descarga:
http://www.megaupload.com/?d=URRNY035
http://www.megaupload.com/?d=723XVCMF
http://www.megaupload.com/?d=15WEOMEE
http://www.megaupload.com/?d=6J8319TB
http://www.megaupload.com/?d=IFOHK2AC
http://www.megaupload.com/?d=LO9P18AU
http://www.megaupload.com/?d=ED00EN55
http://www.megaupload.com/?d=JRWN5N79
http://www.megaupload.com/?d=E4HFWM0P
http://www.megaupload.com/?d=CLGOUD91
http://www.megaupload.com/?d=R10WWQRT
http://www.megaupload.com/?d=ET8AHNMK
http://www.megaupload.com/?d=O42DN85J
http://www.megaupload.com/?d=F63WGQXA
http://www.megaupload.com/?d=5DFPC3O3
http://www.megaupload.com/?d=QKXJ2W5W
http://www.megaupload.com/?d=RBI87774
http://www.megaupload.com/?d=LLWIV8XS
http://www.megaupload.com/?d=8FBXWZI1


CopyPasteandoLink

Como verificar si archivos bajados de internet bajaron bien (Rapishare, Megaupload, etc.)

| 0 comentarios

 Win-SFV32 1.1a
Descripción
[*]Programa: Win-SFV32 1.1a
[*]Descripción breve: Comprobar archivos SFV
[*]Idioma: Español
[*]Licencia: Freeware
[*]Tamaño: 221 KB


Manual

Para comprobar códigos CRC -código de redundancia cíclica-, que es un código que identifican de forma única e inequívoca a un fichero. Sirve para comprobar que un fichero no ha sufrido modificaciones, en su manipulación o en la bajada de Internet.

Al arrancar el programa hemos de posicionarnos en el directorio de trabajo.



Damos al next y tenemos dos opciones: comprobar o crear.

Crear SFV

En Action nos aseguramos que este marcado Create table. Y en Checksum file ponemos el nombre de salida al archivo. En la parte de la derecha seleccionamos que archivos vamos a tratar, manteniendo pulsado la tecla control.



Damos Next y empezara a crear el fichero CRC como este. Cuando acabe saldra una pantalla como esta.



Donde verificaremos que le ha creado bien, nos saldrá el icono verde.

Verificar CRC

En Action nos aseguramos que este marcado Verify files. Y en Checksum file ponemos el nombre del archivo que contenga el CRC. En la parte de la derecha seleccionamos que archivos vamos a tratar, manteniendo pulsado la tecla control. Se da Next y empieza a analizar.



Al final veremos algo asi, donde nos indica que archivos estan bien bajados. Si alguno esta mal habra que volver a bajarlo.

Código de colores

El código de colores no tiene mucho misterio.
[*]blanco, unproccessed, que no se ha procesado.
[*]verde, OK, que esta correcto.
[*]rojo, error, que esta incorrecto.
[*]azulito, Not found, que no lo ha encontrado.
[*]fusia, skipped, que no se ha analizado.
[*]verde fuerte, Not present in CRC file, que ese archivo no esta en el archivo de los CRC.
Cuanto mayor sea los archivos mayor tiempo llevara.

http://rapidshare.com/files/148369099/winsfv.zip

Cómo hacerlo con Flash-SFV:


Para crear el archivo sfv (uploader):

- Boton Create SFV
- Lista de la izquierda: seleccionamos la carpeta donde tenemos los archivos
- Lista de la derecha: seleccionamos los archivos
- Boton Generate
- Indicamos el nombre del archivo
- Se crea el archivo donde hemos indicado

Para utilizar el archivo sfv (comprobaracion de ficheros):

- El sfv y los archivos deben estar en la misma carpeta
- Boton Open SFV
- Seleccionamos el archivo sfv
- Elegimos los archivos que queremos comprobar
- Boton Verify
- Comprobar el estado de los archivos. Cuadro verde: archivo bueno. Cuadro rojo: archivo incompleto.

http://rapidshare.com/files/148357955/flashsfv.zip


CopyPasteandoLink

Cambiar la imagen del blog en Segundos

Colocando un código en un gadget HTML podemos cambiar la imagen de fondo de nuestro blog sin necesidad de modificar nada más.


Sin imagenSin imagen

En algunas páginas como thecutestblogontheblock tenemos la oportunidad de escoger entre muchos modelos, incluso para plantillas de tres columnas.
Después de pinchar sobre el modelo que nos agrade, solo tendremos que copiar el código que allí nos proporcionan y pegarlo en un gadget HTML.
El cambio será instantáneo.
Hay que tener en cuenta que esta web, y casi todas las que proporcionan este tipo de fondos, incluyen en el código un enlace a su web (incluso con imagen) que suele mostrarse en un lugar bien visible del fondo añadido.

Fondo con enlace

También hay personas como Staci de Simply Chic que proporcionan fondos de forma gratuita para la plantilla Mínima de Blogger, solicitando a cambio un enlace a su blog.
Staci explica con todo detalle como colocar sus fondos desde el CSS de nuestra plantilla:

[1] Ir a Edición HTML de nuestro panel y localizar está parte del código:

body {
background:$bgcolor;
margin:0; color:$textcolor;
font:x-small Georgia Serif;
font-size/**/:/**/small;
font-size: /**/small;
text-align: center;


[2] Cambiar ese código por este otro:

body {
background:$bgcolor;
background-image:url(direct link);
background-position: center;
background-repeat:no-repeat;
background-attachment: fixed;
margin:0; color:$textcolor;
font:x-small Georgia Serif;
font-size/**/:/**/small;
font-size: /**/small;
text-align: center;


[3] Cambiar "direct link" (resaltado en naranja) por la url de la imagen del fondo que hemos escogido en el blog de Staci.

Sin mucha dificultad podríamos combinar ambas cosas, es decir usar uno de los diseños de Staci para usarlo tal como hacen en thecutestblogontheblock y añadirlo mediante un gadget HTML.
Además de esta forma podríamos usar no solo uno de los diseños de Staci sino también uno propio o cualquier imagen que nos agrade.
Solo habría que sustituir donde dice URL_DE_LA_IMAGEN por la url de la imagen de fondo en el código:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background: #FFFFFF url(URL_DE_LA_IMAGEN) repeat-x;background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>


En cualquier caso y dependiendo de la pantalla del ordenador desde donde se vea el blog, pudiera ser que nuestra imagen de fondo no ocupase todo el ancho de la pantalla.
Para prevenir un efecto no deseado, podríamos colocar un color igual o lo más aproximado al diseño de la imagen de fondo en:
body {
background:#DEB887;


Compartir Enlace