Y otra de pruebas esta vez imágenes

lunes, 8 de octubre de 2012 0 comentarios
Programa:




Tamaño imagen Slideshow   800x289



Abrimos programa, cargamos la imagen que deseemos (Archivo - Abrir - y buscamos la imagen donde la tengamos descargada), en este caso:





Quedando así en la vista del programa:


Elegimos en el menú de arriba IMAGEN - CAMBIAR EL TAMAÑO:




Saliendo en pantalla este menú:




Quitamos la opción de MANTENER LA RELACIÓN DE ASPECTO, y ponemos ANCHO 800 píxeles y ALTO 289:




Ahora comienza la chicha, al tener la imagen, en el tamaño adecuado debemos hospedarla en algún servicio web, o en el mismo blog en alguna entrada, en este caso, la he subido a este blog, se copia en el enlace:

---> click derecho - COPIAR URL DE LA IMAGEN <---

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmp7EV0IbUllXNbnoTmZjLeVUrripoGfe-tEUlF5ImbFx1oc900hVCEF244XDT3T4tYJo9HIgAzkstNsFFXt0HNrHexo-vu4kv9MpGjXOWskyjE_8qzLu9K7B3YB5PXtlWVcURvoLYh0wO/s320/6.jpg


Teniendo todo este proceso, guardamos el trabajo, la entrada o lo que sea, y nos vamos a BLOGER, PLANTILLA y ahí pinchamos en EDICION HTML:



Saldrá un aviso, y le daremos a CONTINUAR, tras ello una pantalla llena de código nos asaltará, usando CTRL+F nos saldrá un cuadro de búsqueda donde pondremos "SLIDESHOW":



<!-- SLIDESHOW IMAGES -->
<a href='#' rel='1'><img alt='' src='http://www.fedesp.es/bdimages/16/Torre-de-H%C3%A9rcules.jpg'/></a>
<a href='#' rel='2'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-RVN3M4anr6ea9YTC2xxbNA3SZer8zRiM4x21CIi1FDkj8FDsUhDW23CpNjBWrdLrh-NwOpY4uy7ffaHDzLTfaK2J2zrJH1Zgd3hDOPobXWKh8LJjMw5SMicIB23ZUtrGb7cXSw9kIAEh/s0/wallpapersafull_3986..jpg'/></a>
<a href='#' rel='3'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi_XHB2WErHV6GxkwpX4Lx9WEhCBvP7MxBkNfOtVOCs3xqXu8fni48H3I0-uZWYP64ZaIW0RpkanlQHNRUMyugavpETMZaAbAsA6jUtu13Gh_nNoN7mCv6h7wl1zKL5hdpTfLesG98cHOi/s0/wallpapersafull_4106..jpgg'/></a>
El último paso es sustituir uno de los enlaces resaltados en rojo, teniendo cuidado de NO COMERNOS LA COMILLA SIMPLE <  '  >.


Quedando algo así:



<!-- SLIDESHOW IMAGES -->
<a href='#' rel='1'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmp7EV0IbUllXNbnoTmZjLeVUrripoGfe-tEUlF5ImbFx1oc900hVCEF244XDT3T4tYJo9HIgAzkstNsFFXt0HNrHexo-vu4kv9MpGjXOWskyjE_8qzLu9K7B3YB5PXtlWVcURvoLYh0wO/s320/6.jpg'/></a>
<a href='#' rel='3'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi_XHB2WErHV6GxkwpX4Lx9WEhCBvP7MxBkNfOtVOCs3xqXu8fni48H3I0-uZWYP64ZaIW0RpkanlQHNRUMyugavpETMZaAbAsA6jUtu13Gh_nNoN7mCv6h7wl1zKL5hdpTfLesG98cHOi/s0/wallpapersafull_4106..jpgg'/></a>

Siendo el enlace resaltado en amarillo el que guardamos antes cuando subimos nuestra imagen editada.

Guardamos el trabajo y si todo ha salido bien iremos a nuestra pantalla inicial del blog, donde en el reel del principio veremos la imagen nueva.

Edito y subo dos más para que veas el efecto:









0 comentarios:

Publicar un comentario

 

©Copyright 2011 Cocinaconvistasprueba5 | TNB