COMO HACER UNA MARQUESINA
Aquí iré pasito por pasito, piano piano, para que no os perdais.
El código completo que usaremos es el siguiente, si la queremos usar para poner botones que enlazan otras webs sería este código:
<marquee direction="up" scrollAmount="1" style="background- text-align: center; width:150px;height:150px;border:1px solid #000000;padding:3px" onMouseover="this.scrollAmount='0'" onMouseout="this.scrollAmount='2'">
<a href="URL DEL ENLACE" title="TÍTULO"><img src="URL DE LA IMÁGEN"</a> <br>
<a href="URL DEL ENLACE" title="TÍTULO"><img src="URL DE LA IMÁGEN"</a> </marquee>
Desde que comienza el código “marquee” hasta que termina nos encontramos por medio mil cosas que os detallo a continuación:
- “marquee direction” es la dirección del movimiento. Puede ser hacia arriba (up) o hacia abajo (behind) o hacia la derecha (right) o hacia la izquierda (left)
- “scrollAmount” nos indica la velocidad de ese movimiento. Podemos variar desde el 1 al dígito que queramos. Cuanto mayor sea el número, más rápido se moverá.
- “text-align” nos indica a qué lado se colocan las imágenes en esa tabla, bien centradas (center) como a la derecha (right) como a la izquierda (left)
- “width” nos indica el ancho de la tabla que se marca en píxeles. Y “height” nos indica el alto de la tabla también marcada en píxeles.
- “border” nos indica el grosor del borde de la tabla. Si ponemos 0 no habrá borde, será transparente , y si ponemos un número….a mayor número, mayor grosor.
- “solid” nos indica el color de ese borde. Teneis que poner el código html del color seleccionado.
Si poneis el puntero de vuestro ratón sobre la tabla, vereis como se para el movimiento, dejando así ver el link que haya y que podamos pincharlo.
Si solo quisiéramos hacerlo con imágenes, deberíamos colocar la dirección en la que se alojan y hacer la tabla de la misma manera que antes. No tiene ninguna dificultad.
Es decir, usando el código html "img". Podemos combinar con la alineación (center, left, right). Básicamente, el código es así:
<ALINEACIÓN><img src="http://DIRECCIÓN DE LA IMÁGEN"></ALINEACIÓN>
Decir que a las imágenes se les puede añadir un tamaño con width y heigh y más cosas, pero bueno, partid de lo básico.
HACER UN BOTÓN DE ENLACE PARA NUESTRO BLOG
1º Antes de hacer nada, hemos de subir una imágen que queremos poner a una web de alojamiento de ficheros, como Megaupload, Mediamax, Imageshack...La imágen ha de ser pequeña, por ejemplo de 150x50. Luego apuntamos la dirección que nos da.
Yo, por ejemplo, he hecho más pequeña la imágen de la cabecera de mi blog, pero si no quereis poner la cabecera, poned la que querais.
2º Luego copiamos el siguiente código en un elemento de página, en HTML/Javascript:
<a href="Dirección del blog" target="_blank"><img src="Dirección de la imagen" border="0" target="_blank" /></a>
<textarea/><a href="http://Dirección del blog" target="_blank"><img src="http://Dirección de la imagen" /></a></textarea>
Acordaos de poner el famoso www. cuando pongais la dirección de vuestro blog o imágen alojada,¿vale?
COLOCAR UN ICONO FEED EN LAS ETIQUETETAS DEL BLOG
Como ya sabeis, una forma de que lean vuestro blog más asiduamente es a través del feed, pues cada vez que nosotros actualizamos la web o el blog, nuestros lectores suscritos reciben una notificación de ello.
Si teneis un menú con las etiquetas con las que se clasifican los post de vuestros blogs, podeis añadirle justo al lado, un icono feed. Para ello debemos hacer esto:
1º Vamos a las entrañas de nuestra plantilla (para no variar,¿verdad?) y buscamos la siguiente parte del código una vez que hayamos expandido los artilugios.
<span dir='ltr'>(<data:label.count/>)</span>
2º Justo después de esa línea de código, añadimos lo siguiente:
<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><center><img src='http://DIRECCIÓN DONDE TENEMOS ALOJADO LA IMAGEN DEL ICONO FEED'/></center></a>
Como veis, debeis de subir a alguna web de alojamiento de imágenes vuestro icono feed y escribir la dirección obtenida en esta parte del código.
3º Guardamos los cambios y listos para otra cosa.
PONER MARIOASAS EN EL BLOG
Sigamos con chuminadas varias para que decoreis vuestros blogs. Si os apetece poner en una entrada-post maripositas que revolotean o bien haciendo un decorado en al sidebar....debeis copiar el siguiente código html:
<embed allowscriptaccess="never" allownetworking="internal" enablejavascript="false" width="350px" src=" http://www.crazyprofile.com/butterfly/Butterfly.swf?nr=6&type1=0&type2=3&type3
=1&type4=4&type5=5&type6=2" height="300" wmode="transparent"><br/><div><a href></a></div></embed>
ELIMINAR EL SUBRAYADO DE LOS ENLACES-LINK
En principio lo que os voy a explicar a continuación es una tontería pero bueno, hay quién lo ha preguntado alguna vez porque no le gusta ver los links que se hacen hacia otras webs con una rayita debajo que lo subraye.
Para quien sea partidario de dejar el link sin subrayar.....allá va el tema:
1º Nos vamos a nuestras queridas tripillas del blog....usease, a la plantilla html y debemos buscar la siguiente parte del código:
a:hover {
color:$titlecolor;
text-decoration:underline;
}
2º Esa parte la borramos y la sustituímos por esta otra:
a:hover {
color:$titlecolor;
a:hover{text-decoration:none;}
a{text-decoration:none;}
}
3º Guardamos los cambios en nuestra plantilla y a correr.....
TODO LO QUE SE NECESITA PARA HACER UN BLOG
visitar blog http://laeulalia-tublog.blogspot.com/
visitar este blog http://mispacticasdeblog.blogspot.com
Os digo como podeis programar entradas en la parte de abajo cuando editas una entrada pinchas en opciones de entrada y os saldra esto.
0 comentarios:
Publicar un comentario