Personalización de Blogs Idea guardada 5 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

general diseño de blogs

Cómo hacer que las fotos de tu blog se vuelvan más claritas al pasar el ratón por encima

Algo que parece que está de moda es lo de que al pasar por encima de una foto con el ratón, ésta se aclare un poco. No tengo claro muy bien el motivo (si se usa un botón de Pin It como en este caso, lo puedo entender, porque así se ve un poquito más el botón de Pinterest), pero bueno, será solo una moda. Me lo habéis preguntado unas cuantas y traigo por tanto tutorial. Fijaos de lo que hablo por c ...

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 ...

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 ...

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 ...

➳ 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 ...

Redes sociales Uncategorized Apariencia ...

Botones de click to tweet para tu blog y como ponerlos

Botones de click to tweet para tu blog y como ponerlos en wordpress y blogspot. Tenemos que incitar a nuestros lectores a que compartan nuestro contenido en las redes sociales para darnos a conocer. Una manera es conseguir que compartan nuestros post en Twitter, la mejor manera de hacerlo es mediante los famosos “clic to Tweet”. Existen muchos plugins sociales para Twitter o Facebook   ...

Cómo poner una puntilla a los lados del blog

Probablemente, la pregunta que más veces he recibido a lo largo de estos años de blog es cómo poner una puntilla como la mía. Las personas que tienen el curso de html y css ya sabrán hacerlo, porque realmente es facilísimo, pero... para las que no lo tienen... ahí va este tutorial. En cualquier caso, os recomiendo muy mucho que lo compréis. Me resulta imposible hacer un tutorial por cada cosa que ...

Cómo personalizar el contador de visitas blogger

Señoras y señores... ¡otro post que tenía preparado y para no echarlo a perder! Os lo contaba el lunes, y este os otro que tenía, pero ya no tengo más... :( Tenía uno de la técnica Pomodoro, pero no tengo ni dos párrafos, así que tendría que escribirlo de cero como quien dice jaja, y luego otro sobre 10 razones por las que aprender html y css, que si queréis, lo publico, decírmelo en los comentari ...

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 ...

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 ...