Personalización de Blogs Idea guardada 4 veces
Sé la primera persona en valorar esta idea Valorar

Cómo redondear las esquinas de tus imágenes en el blog

Las que me siguen por Snapchat (ah, usuario blancabalzola) ya saben que llevo días tratando de ir haciendo todas aquellas cosas que tenía en mi lista interminable de tareas para hacer. Miles de cabos sueltos del blog, y del no blog, que me quiero quitar para comenzar de cero totalmente, cuando abra mi nuevo negocio. Sé que os debo un post de eso además, y lo escribiré, espero, pronto :)

Mientras tanto, una de las cosas que he hecho, ha sido ordenar mis favoritos, que tenía más de 1.000 enlaces guardados, y organizar también mis borradores en Blogger, que tenía un montón de títulos escritos (ahí guardaba las ideas para posts jaja), otros posts escritos terminados, etc.

Total, que este lo tenía escrito, y supongo que siempre lo iba dejando sin publicar porque lo veía muy corto/soso/facilote, y sentía que tenía que publicar algo con más chicha.

Ahora pienso que es una pena que se quede sin publicar del todo, porque por corto que sea, quizá a alguien le ayude, ¡así que ahí voy!

Por supuesto, este tutorial es para todos aquellos que no han hecho ni están haciendo mi curso de html y css ;)

Cómo redondear las esquinas de las fotos en el blog

El otro día vendí el diseño de blog prediseñado número nueve (podéis verlo pinchando aquí, es ideal) y la chica a la que se lo vendí, me preguntó cómo tenía que preparar las imágenes para que quedaran así como en la propuesta: es decir, con las esquinitas redondeadas.

La respuesta fue que ¡ella no tiene que hacer nada!

Según suba una foto normal, se le redondearán las esquinitas solas:


Por supuesto, ella o vosotros, podéis preparar la imagen en Photoshop, PicMonkey o donde queráis. De hecho PicMonkey tiene una opción directamente para hacer eso.

Ahora bien, yo no lo recomiendo porque si bien a este blog justo le queda muy mono, ya que es un blog sencillito y así le da un poco de gracia, eso realmente "estropea" la foto.

No sólo deberéis guardar la original y la nueva, porque no es plan de perder la normal, sino que si en el futuro cambiáis el diseño del blog y ya no queréis que tenga las esquinitas redondeadas... deberéis borrar esas imágenes y volver a subir las normales una a una.

¡Un jaleo!

Si, por el contrario, subís la foto normal al blog, pero redondeais las esquinitas con css, en el blog aparecerán así cuando realmente no son así.

Mirad esta foto:


Ahora, pinchad en ella para que veáis como, realmente la foto, es normal, con sus esquinitas :)

Esto podéis hacerlo, automáticamente, en todas las fotos, no solo en una como estoy haciendo yo aquí.

¿Cómo? Simplemente debéis añadir en la cajita de añadir CSS:

.post-body img {
border-radius: 25px;
}

¡Y ya está!

Si algún día dejáis de querer las imágenes con las esquinitas redondeadas, le quitáis eso y ya.

¡Espero que os sea útil a algunas!

Recordad que en el curso de html y css aprenderéis a hacer cualquier cambio que queráis en el blog. Ya no más seguir tutoriales ni buscar cosas en google, simplemente poder hacer aquello que se os ocurra.

Mil besos,

Blogger | Email | RSS | Bloglovin | Feedly

Posts relacionados:

1. Cómo ajustar las imágenes automáticamente al tamaño de nuestro blog
2. Cómo quitar la sombrita de algunas fotos solamente de la plantilla blogger
3. Cómo hacer que tus fotos se vuelvan más claritas al pasar el ratón por encima

Fuente: este post proviene de Personalización de Blogs, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Etiquetas: Blogger

Recomendamos

Relacionado

emprender opinión

Vivir con tu blog en autopiloto es posible

La semana pasada los virus llegaron a casa. Primero fue mi hijo. Después caí yo. Y gracias a esta desagradable experiencia he comprobado que es posible tener tu blog trabajando para ti sin estar pendiente las 24 horas del día de lo que ocurre. He estado 7 días a medio gas, además del tiempo que llevo reorganizando el área de formación y servicios, junto al lanzamiento de mi nueva Comunidad para Em ...

➳ personalización de blogs

Subir nueva plantilla en el Blog

Hoy Martes toca un tutorial de blogger, ésta vez cómo: Subir nueva plantilla en el Blog 1. Inicia sesión en Blogger. 2. Selecciona el blog que quieras modificar. 3. En el menú de la izquierda, haz clic en Plantilla 4. Crear / Restablecer copia de seguridad. Antes de cargar una plantilla siempre os recomiendo hacer una copia de tu plantilla del blog actual y una copia de seguridad del blog. 5. Pin ...

Blogging Consejos Blogging emprendimiento

Quiero comenzar un blog, pero, ¿es ahora mi momento?

Si eres emprendedora te habrás planteado si crear o no un blog para dar visibilidad a tu proyecto. Te presento cuatro preguntas que te ayudarán a averiguar si este es tu momento de comenzar uno y cómo de preparada estás. Buenas, lectoras de El Perro de Papel. Soy María, de Salto en Digital y me estreno como colaboradora en este espacio (gracias Celia). Como podéis ver por la foto vengo dispuesta a ...

general propuestas

Cómo hacer adaptables a cualquier dispositivo las imágenes en Blogger

Hoy día una web o un Blog no sólo se visualiza en ordenadores, ahora es necesario cuidar también su presentación en dispositivos móviles. Los usuarios utilizan pantallas de toda clase y tamaño para adentrarse en nuestros contenidos, debemos cuidar la manera en que mostramos la información para que sea fácilmente accesible desde cualquier aparato. Una parte fundamental de cualquier web o Blog son s ...

Emprender Negocio On-line bancos de imágenes ...

Elegir las imágenes para tu Web / Blog

¿Por qué insertar imágenes en tu Web? Como ya habrás escuchado muchas veces, una imagen vale más que mil palabras. Siempre llama más la atención una página Web con imágenes que vayan acompañando los textos. Si quieres que tu Web y Blog, luzcan profesionales y que atraigan la atención de tus lectores (potenciales clientes), te tendrás que trabajar la parte visual de tus páginas y artículos. Cuando ...

guías y tutoriales informática como quitar ocultar eliminar titulos entradas de todo el blog ...

Tutorial Blogger: Cómo ocultar los Títulos de las entradas en todo el blog

Hey Blogger...... o futura Blogger Bienvenid@ a mi primer tutorial Blogger ,para la que os estáis preguntando porque un tutorial diy de blogger ahí va mi decisión: Previamente hice un pequeño cuestionario en mi Fan Page de Facebook y a mis + de 400 selectos suscriptores y la respuesta fue sorprendente y positiva porque la gran mayoría o tiene blog o le gustaría tenerlo. Puesto que mi blog trata de ...

general diseño

Ajustar las imágenes automáticamente al tamaño de nuestro blog con CSS

Han sido varias personas ya las que me han preguntado cómo hacen en el blog Los Tragaldabas para poner las fotos de esa manera: Así que he querido hacer un post explicandolo, así como otro sobre cómo hacerlo para ajustar las imágenes de manera autómatica por si puedo ayudar a más personas. Primero vemos cómo lo hacen ellos, y luego cómo hacerlo de manera automática. Eso sí, lo primero que quiero a ...

general desde0

Cómo utilizar las imágenes en Blogger

Si quieres aprender cómo utilizar las imágenes en Blogger, esta guía te ayudará paso a paso a controlarlas y almacenarlas adecuadamente. La guía está pensada para que personas con nula o escasa experiencia en informática puedan realizar las tareas básicas para poner imágenes en sus entradas o incluso algunas más complejas como llegar a optimizar las mismas para resolver problemas de rendimiento. C ...

heramientas herramientas edicion de imagenes blog herramientas edicion ...

5 herramientas más para editar las imágenes de tu blog

Para completar la lista de herramientas de edición de imágenes para bloggers de la entrada anterior, hoy te proponemos otras 5 que te serán muy útiles para conseguir fotografías de calidad para tus textos. 1. Easel.ly La infografía pueden representar visualmente todo el contenido de una entrada en el blog. Easel.ly es un sitio útil para la creación rápida de infografía que se pueden compartir uti ...

como optimizar un blog imagenes mas trafico en blog ...

¿Estás empezando un blog? ¿Sabías que las fotos son muy importantes para tus publicaciones? Aquí te explico el POR QUÉ y el CÓMO debés utilizarlas para tener mas visitas en tu blog

Te cuento.... mi primer blog lo abrí hace más de 10 años. Arranqué escribiendo sobre cine. Sabía del tema, tenía una forma única para escribir y pensaba que con eso bastaba para que el blog fuera un éxito total. Pero no lo fue... y tras 3 años escribiendo sin tener muchas visitas opté por cerrar el blog. Pasaron unos cuantos años hasta que un día me senté en la compu y decidí investigar: Quería s ...