Diversas y Variadas (Ayuda Blogger): octubre 2008

Revisando los mensajes que me llegan al correo,vi uno me me dejó pensativa. El mensaje decía que cuáles eran las cosas básicas que debía de tener un blog y cómo podía hacerlas.
Bien, hay varios elementos básicos en un blog...Y para comenzar con uno, vamos a ver cómo hacer un botón para que enlacen nuestro blog.

Para hacerlo, debemos de tener lista una imagen pequeña; generalmente es una imagen en pequeño de la cabecera del blog, como por ejemplo, la imagen que uso como botón de enlace:

Vieron que aún no tiene enlace?...Pues vamos a crearle uno.

Para nuestro botón, necesitaremos tener la URL del mismo, para lo cuál tendremos que subirlo a nuestro hosting favorito (Imageshack, Photobucket,etc). Una vez que "subamos" la imagen, tendremos la URL de la misma, y estaremos en condición de crear el enlace.

Para hacer ésto, copiaremos el siguiente código:

♠ Para que el enlace se abra en una ventana emergente:

<a href="http://TUBLOG.blogspot.com/" target="_blank"><acronym title="NOMBRE DEL ENLACE AL PASAR EL CURSOR"> <img src="LA URL DE LA IMAGEN DE ENLACE"/></acronym></a>

♠ Para que el enlace de tu blog se abra en la misma página:

<a href="http://TUBLOG.blogspot.com/"><acronym title="NOMBRE DEL ENLACE AL PASAR EL CURSOR"> <img src="LA URL DE LA IMAGEN DE ENLACE"/></acronym></a>

Y un ejemplo de enlace que se abre en ventana emergente:

Si pasan el cursor sobre el botón, se verá el nombre del blog.

Como vieron es super sencillo, ahora falta hacer una caja para que otras personas puedan copiar el código y tener un enlace a su blog...Pero eso lo veremos más adlante...Mientras, vayan trabajando con la imagen de enlace.

[+/-]

Letra capital con fondo y borde

[+/-]

Texto con sombra (otra forma)

Hace unas semanas, les mostré una forma de hacer que nuestros textos tuvieran sombra y volumen (ver post Texto con sombra y volumen); ahora vamos a ver otra forma de lograr este interesante efecto,pero que nos permite poder cambiar el color de la sombra.

Para ello, copiamos este código:

<div id="sombra" style="position:relative;width:300;
height:50r;filter:shadow(color=#00FFFF)">
<br> <font color=#CC0000 size=5>TEXTO<
br> </div> <br>

</font></br>

Y ahora, una explicación:

♠ width: es el ancho del texto; height:,el alto
♠ filter:shadow(color=#00FFFF) es el color de la sombra del texto, en hexadecimales.
♠ font color=#CC0000 es el color de las letras, también en hexadecimales.

Y un ejemplo.

Diversas & Variadas

Sencillo, verdad?

ACTUALIZACIÓN (27/10/2008): según he visto, el efecto no se ve en Firefox, pero sí puede visualizarse perfectamente en Internet Explorer.

[+/-]