cambiar tamaño en imágenes y vídeos en mi blog

Cómo Cambiar el Alto y el Ancho de una Imagen en mi Blog

¿Cómo puedo Cambiar el Tamaño de una Imagen? 🔥 APRENDE a ▷ Cambiar el Alto y el Ancho de una Imagen o Vídeo en tu Blog ☑ de Blogger o WordPress ☑

¡Hola! Bienvenido a peengler, soy Gabriela y vengo con este tutorial para ayudarte a modificar el tamaño de tus imágenes y vídeos en tu blog, porque últimamente veo este problema en muchos sitios. Ya sea, en sus entradas o en la barra lateral.

cambiar el alto y el ancho de una Imagen
cambiar el alto y el ancho de una Imagen en tu blog

Este tutorial sirve para los Blogger como los de WordPress. No importa sino entiendes de código, en este tutorial te lo explico.


Sigueme en:

[Video Tutorial] Ajustar las imágenes y vídeos en tu blog

En Blogger:

Buscar: ]]></b:skin>

Luego copias y pega el CSS (como lo mencione en el vídeo)

En Worpress

Debes buscar el siguiente plugin, luego instalarlo y activarlo.

Plugin Code Snippets cambiar el alto y el ancho de una Imagen

Los estilos

CSS


.video{
text-align: center;
}

@media (min-width: 0px) and (max-width: 767.98px) { 

.column-center-outer img {
width: 100%;
height: auto;
}


.video {
  position: relative;
  padding-bottom: 56.25%; 
  padding-top: 25px;
  height: 0;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin:auto;
  }
}

Para añadir el vídeo en tu post:

HTML

<div class="video">
Aquí código del video
</div>

En conclusión:

Debes tomar en cuenta el cambiar el alto y el ancho de tu Imagen o vídeo para cualquier dispositivo. Lo que se quiere es que tus lectores disfruten de tu lugar, todo ordenado, limpio y además con buenos contenidos.

O ¿prefieres un sitio en donde NO sabes qué hacer? porque todo es un caos. Pues yo no, a mí me gusta todo lo lindo.

Si encuentras a alguien con estos problemas en sus imágenes y vídeos, por favor comparte este post y ayuda a tu colega.

¿Te gusto el post?
¡Compártelo!

Gabriela Laya

Me gusta mucho el Diseño Web, Crear plantillas para Wordpress y Blogger y todo lo relacionado a estas 2 plataformas de Blogs. En mi tiempo libre me encanta Leer, aprender a usar nuevos programas, escuchar música y más :D
26 comentarios

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Asunción Artal:

4 mayo 2020 a las 07:37

Super útil, muchas gracias!!

Responder
yo leo Novela:

4 mayo 2020 a las 12:28

Geniales consejos. Como siempre.
Un beso grande.

Responder
Pasando Página Blog:

4 mayo 2020 a las 16:52

¡Hola, Gabriela!
Muchas gracias por el tip y que le añades los vídeos de tu canal está súper bien, aunque a mí me ha ido mejor con tutoriales tipo instructivo soy muy mala con los vídeos, me desespero mucho y bueno, muchas gracias por los tips, ¿crees que puedas hacer uno de como añadir fuentes a la plantilla de blogger? He estado intentando pero el código me marca error todas las veces y yo es que de diseño no sé nada, tengo lo más básico en el blog. Gracias, ¡un beso!

Responder
    Gabriela Laya
    Gabriela Laya:

    4 mayo 2020 a las 17:13

    ¡Hola!
    Gracias por comentar, lo tendré pendiente quizás para la próxima semana XD porque para esta semana ya tengo todo planeado.
    Y si el vídeo lo hago corto, ¿te sirve? lo digo porque necesito mover esa cuenta 🙂

    También me gustaría saber ¿qué error te marca?

    Responder
Sakuya Aikawa:

4 mayo 2020 a las 20:13

(ノ◕ヮ◕)ノ*:・゚✧ Holaaa!!!
Buen tutorial, ya sabía como pero esto le puede servir a muchas personitas 😀

Visita mi blog ♥ 穛 S4Ku SEK4i®

Responder
Citu:

4 mayo 2020 a las 21:12

Tienes toda la razón, gracias por la entrada te mando un beso y te deseo una buena semana

Responder
Yennifer Rodríguez:

5 mayo 2020 a las 00:27

Gracias por la información ♥

Responder
Maria Eugenia ARIAS LOZANO:

5 mayo 2020 a las 03:40

Buen post, como siempre, aquí se aprenden muchas cosas

Responder
embrujo:

5 mayo 2020 a las 04:33

Hola Peengler cielo sabrías explicar como poner el video para que suene la música cuando entran las personas a leer ,cambian tanto en youtube las cosas que no logro entenderlas, si puedes te dejo mis gracias de antemano feliz día corazón besitossssssss

Responder
    Gabriela Laya
    Gabriela Laya:

    5 mayo 2020 a las 18:40

    ¡Hola!
    Lamentablemente Google cambió la política con respecto al autoplay de sus vídeos de Youtube. La única manera de que se reproduzcan es que estén en silencio. Para que colocar una cosa que ni se escucha Por ahora solo queda esperar a que cambien de parecer :S

    Responder
Elrincondemonica05:

5 mayo 2020 a las 05:26

Hola guapa, muchas gracias por los consejos, son geniales. Feliz día. Besitosss

Responder
Miguel Pina:

5 mayo 2020 a las 06:00

Hola, Gabriela.

Fantástico el vídeo y la labor que estás realizando. Yo tardé bastante tiempo y en base a ensayo y error para saber como insertar un video a través de los códigos HTML. Esta entrada puede venir muy bien para quien no se maneje aún muy bien con este tipo de elementos.
Saludos!!

Responder
Serena Miles:

5 mayo 2020 a las 06:55

hola
muchas gracias porque no sabia hacerlo, simplemente cambiaba el formato online antes de ponerlo… de videos ni hablamos jajajaja
Gracias por la entrada
Besotesssssssssssss
#yaquedamenos

Responder
Marili:

5 mayo 2020 a las 07:38

Este comentario no va acorde con este tutorial, interesante para quienes lo necesiten…sin embargo mi comentario va por otra cosa…..como podrías lograr que el gadget de “entradas más visitadas” se vean en forma interactiva?….que se toque la imagen y solo por ello te lleve a esa entrada en cuestión
Gracias!!!!!!!!!!

Un besito
Otro Romance Más
#devuelvocomentarios
#yavaquedandomenos

Responder
    Gabriela Laya
    Gabriela Laya:

    5 mayo 2020 a las 11:57

    ¡Hola!
    lo tengo pendiente, *mostrar el gadget de entradas populares/más visitadas* con su imagen + el titulo y que se vaya a la entrada.

    Responder
Contratar a Marcela Morelo:

5 mayo 2020 a las 09:09

Excelente tutorial, me sirve mucho para mi pagina! gracias!!!

Responder
Kat:

5 mayo 2020 a las 11:48

Hola linda 🙂 como siempre muy bueno el vídeo tutorial, muy bien explicado y muy útil! Yo de momento no he tenido este problema en todos estos años en blogger, pero soy bastante perfeccionista y sé que si algún día me pasa voy a querer solucionarlo de inmediato Jajaja.
Que estés bien, un abrazo!!

Responder
El desvan de vicensi:

5 mayo 2020 a las 17:22

Lección aprendida Gabriela. Muchas gracias. Un beso y feliz noche 🌈🌈🌈

Responder
CECILIA RAMOS PONCE:

5 mayo 2020 a las 23:54

Hola me ha gustado la entrada y bastante útil, saludos

Responder
Joanna:

6 mayo 2020 a las 09:30

Gracias por compartir.

Besos

Responder
Nayade:

6 mayo 2020 a las 13:12

Hola bonita ^^
Que post más interesante y útil, creo que es muy importante para que la gente pueda realizar algo tan necesario
Besos y gracias por el pos ♥

– – El Mundo de Naya – –

Responder
marigem:

7 mayo 2020 a las 04:11

Hola.
Muchísimas gracias, me parece muy interesante.
A mí estas cosas no se me dan bien y tú haces que parezca fácil.
Feliz jueves.

Responder
Ailina entre libros:

7 mayo 2020 a las 05:35

¡Hola!
Este “truco” lo conocía, pero gracias por aportarlo.
¡Un besazo! 🙂

Responder
Ailina entre libros:

7 mayo 2020 a las 05:36

¡Hola!
Este “truco” lo conocía, pero gracias por aportarlo.
¡Un besazo! 🙂

Responder
Lecturas de Annie:

7 mayo 2020 a las 18:29

Holi!
Me encantó este post. Ahora con blogger que cambió estoy hecha un lío por el tema de las imágenes, porque las pone centradas y no deja moverlas :((
Un beso

Responder
    Gabriela Laya
    Gabriela Laya:

    8 mayo 2020 a las 16:44

    He visto ese cambio también, y a uno que le gusta colocarlo al lado y con el texto.

    Responder

Recibe las últimas actualizaciones