¿Cómo cambiar el tamaño de una imagen o vídeo? Aquí te explico cómo cambiar el Alto y el Ancho de tu imagen o vídeo en Blogger y WordPress.
¡Hola! Bienvenido a peengler. En otro articulo explique: Cómo acelerar la carga de las imágenes en el Blog. Ahora en este tutorial te ayudare a modificar el tamaño de tus imágenes y vídeos, porque últimamente veo este problema en muchos sitios. Ya sea, en sus entradas o en la barra lateral.
Ejemplo: Este es el típico error en los archivos ↓
Ahora lo ideal es como muestro en la siguiente imagen ↓
Clic en la imagen para ver el vídeo ↑ en Youtube
Cambiar el tamaño de una imagen
A veces ajustar tus fotos sin perder la resolución puede ser un poco complicado por ahora quiero que te centres en el tamaño, en este otro articulo te explico sobre → cómo mejorar la resolución Imágenes pixeladas o borrosas en el Blog.
Este tutorial sirve para Blogger y WordPress. No importa sino entiendes de código, aquí te lo explico paso a paso.
En Blogger:
Primero debes buscar: ]]></b:skin> Luego copias y pega el CSS (como lo explico en el vídeo).
En Worpress:
Debes buscar el siguiente plugin, luego instalarlo y activarlo.
Cambiar el tamaño en la imagen usando CSS
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 que al cambiar el tamaño en la 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.
¿Tienes alguna duda? Déjamelo en los comentarios
Únete a la Zona VIP🔥
Descubre todo el contenido que te ofrece y ser parte de mi comunidad.
☑ Puede que también te interese:
Gabriela Laya
Me gusta el Diseño Web, Crear plantillas para Wordpress y Blogger y todo lo relacionado a estas 2 plataformas de Blogs.
Asunción Artal:
Super útil, muchas gracias!!
yo leo Novela:
Geniales consejos. Como siempre.
Un beso grande.
Pasando Página Blog:
¡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!
Gabriela Laya:
¡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?
Sakuya Aikawa:
(ﾉ◕ヮ◕)ﾉ*:･ﾟ✧ Holaaa!!!
Buen tutorial, ya sabía como pero esto le puede servir a muchas personitas 😀
Visita mi blog ♥ 穛 S4Ku SEK4i®
Citu:
Tienes toda la razón, gracias por la entrada te mando un beso y te deseo una buena semana
Yennifer Rodríguez:
Gracias por la información ♥
Maria Eugenia ARIAS LOZANO:
Buen post, como siempre, aquí se aprenden muchas cosas
embrujo:
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
Gabriela Laya:
¡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
Elrincondemonica05:
Hola guapa, muchas gracias por los consejos, son geniales. Feliz día. Besitosss
Miguel Pina:
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!!
Serena Miles:
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
Marili:
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
Gabriela Laya:
¡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.
Contratar a Marcela Morelo:
Excelente tutorial, me sirve mucho para mi pagina! gracias!!!
Kat:
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!!
El desvan de vicensi:
Lección aprendida Gabriela. Muchas gracias. Un beso y feliz noche 🌈🌈🌈
CECILIA RAMOS PONCE:
Hola me ha gustado la entrada y bastante útil, saludos
Joanna:
Gracias por compartir.
Besos
Nayade:
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 – –
marigem:
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.
Ailina entre libros:
¡Hola!
Este “truco” lo conocía, pero gracias por aportarlo.
¡Un besazo! 🙂
Ailina entre libros:
¡Hola!
Este “truco” lo conocía, pero gracias por aportarlo.
¡Un besazo! 🙂
Lecturas de Annie:
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
Gabriela Laya:
He visto ese cambio también, y a uno que le gusta colocarlo al lado y con el texto.
Deja un comentario