0

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;

0

Cambiar estilos y otras historias

Hace tiempo tratamos sobre el tema cambiar estilos, es muy fácil de conseguir ese efecto sin embargo siempre digo que la imaginación es lo que cuenta y sin duda este es un ejemplo.

Lógicamente esa es una página creada por profesionales donde el resultado es espectacular yo diría que magistral porque combina perfectamente un diseño actual con elegancia y buen gusto.

Como siempre que me gusta algo la página quedó guardada hasta hace unos días que probando a añadir una imagen de fondo a unas transparencias pensé ¿por qué no añadirle unos cambios de estilo? los pasos a seguir son los mismos que los utilizados en cambiar estilos la diferencia está que en lugar de cambiar el color de fondo cambiamos los estilos de los colores utilizados.




0

DrPic - Editor online de imágenes


DrPic es un ditor de imágenes online, las funciones que presenta son muy básicas y por lo tanto muy sencillo de utilizar. La opción de reducir imágenes me ha llamado mucho la atención porque la imagen no pierde tanta calidad como en otros editores.

Veamos un ejemplo...

263px × 441px

65px × 110px

Algunos efectos más decorativos son los marcos tipo polaroid.


Seguro que pensabas que para esto había que usar el Photoshop, adivina por qué lo sé.



0

Iconos Twitter en español by THEbatzuk

THEbatzuk administrador del blog Estoy en un rincón, donde podéis encontrar unos fantásticos tutoriales para Gimp entre otras cosas muy interesantes, ha tenido la idea de usar alguno de los diseños de Randa Clay para botones de Twitter y traducirlos al español.

En concreto son solo tres los que ha hecho hasta ahora, pero como el mismo dice "si alguien quiere puede hacerme algún pedido especial: otro formato, otro color, otro mensaje, solo coméntenmelo"

Icono Twitter


Os muestro solo uno, para ver los otros dos o hacerle alguna petición concreta para el vuestro a THEbatzuk, visitad la entrada de Iconos Twitter en español.

0

Iconos RSS tema música.

Estos bonitos iconos RSS los podemos encontrar en The Theme Blog ideales para los amantes de la música.
El tamaño es de 100x100 y se presentan en formato PNG. Los colores son como los de la muestra naranja, rojo y blanco-negro.

0

Fecha en todos los post


Hay preguntas que se repiten con más frecuencia que otras una de ellas es añadir la fecha en todos los post.
Como todos sabemos cuando actualizamos varias veces el mismo día ocurre que la fecha sólo aparece en la primera entrada, en el resto no veremos fecha.
J.Miur nos explica con todo detalle como conseguir que nuestras entradas aparezcan todas con fecha.

Las indicaciones son sencillas pero aún así recomiendo leer su entrada porque estoy segura que con ella entenderemos como maneja Blogger las fechas.

Nos situamos en plantilla Edición de HTML y marcamos para expandir la plantilla.
Buscamos:
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

Y lo sustituimos por:
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>

A partir de ahí todos nuestros post contendrán la fecha.


0

Iconos RSS animados

Antonio nos regala desde su blog Blogs Made in Spain quince iconos RSS animados.

La mayoría son para colocar sobre fondo blanco, aunque también hay algunos con fondo negro.

Si lo que se pretende es llamar la atención de nuestras visitas para animarlos a que se suscriban a nuestro feed, que mejor manera...

Mi favorito.

Icono animado RSS


Ver y descargar los iconos.