Texto de prueba

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Enlace

Letra 1
Letra 2
Letra 3
Letra 4
Letra 5

Bloque-entrecomillado

maquinas de lavado

Ultimos comentarios y entradas con los nuevos gadgets de Blogger

Ya están disponibles desde hace unos días los nuevos gadgets de Blogger de "Últimas entradas" y "Últimos comentarios" .

Para insertarlos tan solo tenemos que ir a Diseño> Elementos de página, y allí añadimos un nuevo gadget. Ahí nos vamos a la pestaña de "Destacados" :

Ahí nos saldrán, entre otros, los gadgets a los que me refiero: "Recent Comments" , "Recent Posts" y "Recent Posts Advanced". (Os recomiendo mejor Recent Posts Advanced que Recent Post, pues este es más "antiguo" y con menos funcionalidades)

Son unos gadgets (que aún están en inglés) muy útiles y puedes personalizarlos a tu gusto:

Gadget Blogger Recent Comments: Puedes personalizar el título, así como los últimos comentarios que saldrán (Number of Comments to Display) y los carácteres que salgan de resumen de cada comentario (Summary Length)

Gadget Recent Posts Advanced (mejor que el gadget más antiguo Recent posts): Cambiamos Blog Url por la dirección de nuestro blog, y el número de entradas a mostrar (Number of posts to display) por lo que queramos. También si queremos que salga una imagen de cada entrada (Display post thumbnails ?), si queremos que salga un resumen de la entrada (Display post summaries ?), y en caso de que si, cuantos caracteres deseamos que tenga el resumen (Summary length) que por defecto son 100.

También si queremos que salga la fecha de la creación (Display post date ?), el número de comentarios que tiene (Display the number of comments ?) , el vínculo de "Leer más", que está en inglés :( (Display the Read more link ?), y si queremos que salga una linea separadora entre los posts (Display a Separator b/w the posts ?). En todo momento podéis ver una vista preliminar de como quedaría (debajo de Vista Previa) y que resulta muy útil

Más o menos así es el Gadget:

Y ya está, añadimos el que queramos (o los dos) y después lo colocamos donde mejor quede en el blog (podéis ver estos gadgets en la columna izquierda de este blog)

También hay otros muchos gadgets nuevos que son muy interesantes y que los podéis encontrar en el mismo apartado:

Dejad vuestros comentarios si os ha gustado la entrada. Saludos!!!

Lista de banners o imágenes en movimiento

Hoy me ha preguntado Edu en el chat como podía hacer una caja como la que tengo en la columna izquierda del blog, en la que van pasando diferentes imagenes con enlaces a otros blogs, casi como si fuera una presentación o Slide.

Pues bien, aquí va la explicación:

1. Vamos a Diseño > Elementos de la página y allí Añadir un gadget > Nuevo HTML / Javascript

2. Copiamos y pegamos el siguiente 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 1er ENLACE" title="TÍTULO1"><img src="URL DE LA 1ª IMAGEN"</a> <br>

<a href="URL DEL 2º ENLACE" title="TÍTULO2"><img src="URL DE LA 2ª IMAGEN"</a> </marquee>

3. Personalizamos el código

Cambiamos URL del 1er y del 2º Enlace por la dirección a la que llevará cada imagen al pinchar sobre ella, y URL de la 1ª y 2ª imagen por los banners o logotipos correspondientes que hayamos alojado en Picasa, PicCoodle, Imageshack, Photobucket... y que dirigiran al enlace que hayas puesto.

También podemos cambiar TITULO 1 por el título que queramos, por ejemplo el del blog al que se enlace.

Y otra cosa, con el código que tenéis, podéis añadir tan solo 2 imágenes con enlaces, asi que si quieres poner muchos más banners (logotipos), tan solo tienes que pegar de nuevo la línea:



<a href="URL DEL ENLACE 3, 4, 5, etc." title="TÍTULO 3, 4, 5, etc."><img src="URL DE LA IMÁGEN 3, 4, 5, etc."</a>



Y repetirla tantas veces como hagan falta (y cambiando la URL del enlace y la imagen, y el TÍTULO)

También podemos personalizar otras propiedades:

- marquee direction: Hacia donde se moverán las imágenes; up (arriba), down (abajo), right (a la derecha) y left (al a izquierda)

- scrollAmount: Velocidad a la que se moverán las imágenes. Cuanto mayor sea el número, mayor será la velocidad, aunque el 1 está bien.

- text-align: Posición de las imágenes, centrados (center), a la derecha (right), a la izquierda (left).
- width: Ancho de la caja o tabla.
- height: Alto de la caja o tabla.

- border: Grosor del borde de la tabla.
- #000000: Color del borde en códigos hexadecimales, en este caso, blanco. Puedes ver el código del color que quieras en el widget que tengo al final de la columna derecha.


Espero que os haya servido!!! Cualquier duda, problema, etc. me lo podéis dejar en los comentarios. Un saludo!!!

Agunata regala un dominio .com por su 2º aniversario.

Por motivo del 2º aniversario del blog Agunata.com , se sorteará un dominio .com totalmente gratis por un año (gracias a ZuperHosting).
Se usará la página random.org para elegir al afortunado ganador o ganadora.

Tan solo hay que tener un blog y crear en él una entrada sobre el sorteo, además de contactar con David y confirmarle tu participación.

Podéis ver toda la información en la entrada al respecto , y daros prisa porque el plazo para inscribirse al concurso termina el 6 de Agosto!!

¡¡¡ Mucha suerte a todos !!!