14

Poner y redimensionar una imagen en la sidebar

Mi amiga Pilar (Azabe), me ha preguntado como poner unas imágenes en la sidebar (columna lateral) , lo de ponerlas es muy fácil, puesto que sólo es con un gadget HTML, tenéis que subir vuestras imágenes a un servidor y copiar el código html que os den allí, y pegarlo en un gadget html, es decir, vais a DISEÑO/ELEMENTOS DE LA PÁGINA/AÑADIR UN GADGET HTML/JAVASCRIPT y, en el recuadro que os sale pegáis el código , guardáis y, ya está
Otra cosa, si tenéis varias imágenes que poner en la sidebar , no se si sabéis que no hace falta poner un gadget para cada imagen, en el mismo recuadro donde añadís el código html , podéis poner varios códigos (separarlos con una línea , si queréis) y, os saldrán tantas imágenes como códigos hayáis puesto, no se si hay un límite pero, todo es cuestión de ir probando poniendo varios códigos
Arriba de todo de las entradas, yo, tengo puestas varias imágenes en un sólo gadget.
Ahora, vamos con la segunda parte del tema y, es la siguiente, si dicha imagen, es más grande que la sidebar, os quedará fatal porque no se verá entera, entonces, es muy fácil adaptar las medidas, no tenéis que usar ningún programa, desde el mismo código html que os da el servidor donde habéis subido la imagen se puede modificar la altura y la anchura, os explico como:

Lo que os marco subrayado en rojo en el código, son la altura y la anchura de la imagen (como veis tengo puestos dos códigos, el de la geisha, es el primero )
tenéis que jugar con los números hasta encontrar las medidas que mejor se adapten a vuestra sidebar, en la primera imagen, son las medidas originales de la geisha y, como veis en la sidebar, se corta la imagen
y, en la siquiente imagen que os pongo, veis la altura y la anchura modificadas
y, más abajo tal como queda la imagen en la sidebar una vez modificadas las medidas, y, como veis, he puesto la geisha y unos perritos debajo, son dos imágenes diferentes, con dos códigos diferentes pero, puestos en el mismo gadget html, para que veáis que se puede poner más de un código en dicho gadgetHe subido la misma imagen de la geisha en Tinypic y, en el código que os dan ahí, no vienen reflejadas, ni la altura,ni la anchura de la imagen como veis a continuación :
si os pasa ésto, lo podéis añadir vosotr@s, de ésta manera:

14 comentarios:

ana

Anda que bien esto,yo soy una negada para estas cosas,me vienen muy bien todos estos truquillos,sigue poniendo mas,un saludo any

Responder
Rosa

Uissss cuando tengo que cambiar algo en la plantilla, ahí si que me acorbardo una jartá y lo dejo estar por si las moscas jajajaja.
Un besazo Any y gracias por la información

Responder
♥ Ana

Hola, Ana, me alegro, son trucos sencillitos, casi todos son sin tener que tocar al código de la plantilla , espero que te ayuden también los otros que he puesto en mi blog, en la etiqueta "truquillos Blogger"

Rosa, es que, lo de tocar la plantilla es más complicado, yo, ya he hecho varios cambios y, bueno, con tener precaución de hacer vista previa antes de guardar, no suele haber problemas pero, si que da más mieditis, jejejejje

BESAZOS, CHICAS

Responder
Nenalinda

Wapaaaaaaaaaaa siempre dandonos truquillos para mejorar nuestro blog , eres la lexe .
Muxaaaaaaaas ..muxaaaaaaaaaaas gracias reinaaaaaa.
Ultimamente no tengo tiempo de na cielo ni miro el correo con el dixoso cursillo no me cunde na el dia .
Bicos mil y flei finde wapisimaaaaa.

Responder
fely

Que facil se ve así.....luego cuando me pongo........todo se me tuerce...jejejej. Gracias wapa
Un besazo.

Responder
♥ Ana

Nenaaaaa, yo que tú, me liaba la manta a la cabeza y, nada de cocinar, bocatas para todos, así tendrías un poco más de tiempo, jejejejeje,¿cuando acabas el cursillo?, bueno, no se si me leerás aquí, jooooooo

Fely, de verdad, de verdad, que ésto es de lo más facilillo que se puede hacer en un blog, no tiene complicaciones y no jorobas nada, así que, sin miedo y al toro, di que tú, lo tienes todo perfecto

BIQUIÑOS, REINAS

Responder
Azabe

Gracias Tesoro mio, a ver si me quedo sola y miro a ver....
Eres la rapidez personificada jeje
Como dice Feli yo poner me pongo pero luego me atascooooo
Besitos

Responder
♥ Ana

Aisssss, Pilar, no me digas eso, que no te atascas, mujer, que es muy fácil, que si pudiste poner la firma, ésto es aún más fácil, ya lo verás, bueno, tú, mantenem informada , ya te espiaré a ver si lo haces, jejejejejeje
Muacksssssssssss

Responder
Miguel A. Carrero

Me gustaría saber cómo has colocado los iconos junto a las etiquetas de entrada en la sidebar derecha.

Enhorabuena por tu blog.

Responder
♥ Ana

Hola, Carrero, gracias por visitarme.
Referente a lo que me preguntas, no tengo el tutorial hecho ,pero hay que tocar el código de la plantilla para poner esas imágenes en la sidebar, no se si vale para todo tipo de plantillas, yo, sólo lo he probado en ésta, que es una mínima pero con dos sidebares
Como no tengo hecho el tutorial te pongo una página de donde yo lo saqué, pincha aqui
Es uno de los blogs de Eulalia, de ella he sacado muchísimas cosas para tunear mi blog, así que, espero que te sirva de ayuda, desde luego, te comento que Eulalia sabe mucho más que yo sobre todo éste mundo de Blogger ,de los códigos de las plantillas y demás, yo, soy una novatilla que tengo muchísimo que aprender

Recuerda, antes de guardar ningún cambio, dale a VISTA PREVIA para ver si todo está OK en tu blog, no lo olvides, es la única manera de no estropear nada en él y recuerda también lo que te he dicho antes, no se si se puede poner en todo tipo de plantillas, porque cambian los códigos

Un saludo

Responder
♥ Ana

Ahora mismo me he dado cuenta de que, yo, no tengo imágenes en las etiquetas, las tengo en ARCHIVO DEL BLOG, así que , no se si mi respuesta es lo que querías realmente, imagino que si, porque no tengo más imágenes en ese lado
Un saludo

Responder
Anna

Hola Ana, tengo unas preguntas;

1>como haces para poner el gif animado de la chinita, por ejemplo en el espacio "blogs que cotilleo"???

2>Y como haces para que los blog que visitas salgan en movimiento???

3>Y la imagen de la niña sentada bajo el arbol con la flecha en horizontal señalando cada etiqueta???
Gracias, por dedicarme un ratito, besos

Responder
♥ Ana

Halaaa ¿cuántas cosillas me preguntas?, como me llevará un ratito explicarte todo y ahora, me tengo que marchar, a ver si , a la vuelta te lo puedo explicar, de todas maneras, lo de los blogs en movimiento lo acabo de poner ayer, te dejo el enlace de donde lo copié

pincha aqui

Te aviso que yo cambié algunas cosas, esa lista que pone Jaime sale más pequeña, las letras salen verdes, el color del borde también es otro, yo, he ido modificando cositas a mi bola, y me ha quedado como lo ves, lo otro que me preguntas ,te lo miro más tarde
Un besote

Responder
♥ Ana

Ya vuelvo, me he vuelto loca buscando donde tenía guardado eso que me preguntas y, aunque no estoy segura del todo, creo que lo de la imagen en movimiento en cada título de los gadgetes del blog, lo he sacado de
aquí

Y, mi geisha bajo una árbol, con la flechita, que, por cierto, la he hecho yo, bueno, la muñequita no la he hecho pero, le he añadido la flechita a juego con la imagen de IR ARRIBA,que son la misma geisha, ese tutorial creo que lo saqué de aquí

Estos dos trucos, los tengo guardados, pero, están mal guardados, por eso te digo que no estoy muy segura de si los saqué de ésas páginas que te digo, ahora, lo guardo todo muy bien pero, antes era un desastre y he tenido que rebuscar por internet para ver si encontraba dichas páginas, espero que sean esas

En cualquiera de ésas tres páginas que te pongo, ya sea la de Jaime, la de Rosa o la de Eulalia, hay muchísimos trucos, casi todos los de mi blog los he sacado de ellas, échales un vistazo y verás la cantidad de cosas chulas que tienen y, además, son unos expertos en éstas cosas, no como yo que soy una principiante

Un besote

Responder

♥ Tus comentarios me alegran y me animan a continuar con el blog ♥
Haciendo click en 'Avisarme' puedes conocer desde tu correo las respuestas a tu comentario.

😂 😃 😆 😜 😡 😈 😱 😰 😇 😋 😊 😓😢 😭 😘 💋 😍 😚 💩 👏 👌 👍 🎉 🎊 🎅 🎃 🍴 💤 Copia y pega el emoji que desees para insertarlo en tu comentario

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Plantilla personalizada por ♥ Ana basada en la Mínima de Blogger