Cómo colocar una imagen.



Una de las partes que considere importantes en cuanto al diseño y la estructura de mi blog, fueron las imágenes.



En la imagen de arriba puedes observar dos ejemplos de lo que quiero mostrarte hoy, #1 vemos como la imagen es mucho mas pequeña que la entrada/post, cuando insertamos varias imágenes todas con una medida diferente, nuestras entradas y por lo tanto el mismo blog tendrá un aspecto desequilibrado, eso sin contar que habrá algunas imágenes tan pequeñas que no podremos ver claramente y otras tan grandes que quedaran demasiado pixeladas.

En la parte #2 vemos como la imagen queda con todo el ancho de nuestro post, de esta manera nuestras entradas tendrán un aspecto equilibrado, dando una apariencia limpia y con una mejor estructura.

Que puedes hacer, simple, vamos a añadir un código CSS a nuestra plantilla, recuerda antes hacer una copia de seguridad.

Vamos a Plantilla -> Personalizar -> Opciones avanzadas -> Agregar CSS -> y aqui pegamos el codigo.

CODIGO.

.post-body img { width:750px; height:auto; }

Lo marcado en amarillo es la medida de nuestras imagenes, yo lo tengo en 750px, puedes modificar para dar la medida exacta que tu quieras en tus entradas.

Pero ahora surge un problema, si tienes agregada alguna firma o botón Pin it en formato de imagen, estas también cambiaran de tamaño y como no queremos tener una firma del tamaño de nuestro post ni un botón Pin it del mismo size que la misma imagen, vamos a agregar otro pequeño pedazo de código a nuestro CSS anterior, esto solo es asumiendo que tienes una firma y botón pin it, de lo contrario no necesitas agregarlo.

CODIGO DE FIRMA Y PIN IT.

.pinimg { width: 95px !important; }

.signature { width: 20px !important; } #Image1{margin-top:-30px;}

De nuevo lo marcado en amarillo son los valores que puedes modificar.

Con este pequeño cambio vas un paso mas adelante para mejorar tu blog este 2016

Que te parece, fácil y rápido, cierto? Te pido un favor comparte esta entrada, para ayudar a nuestros amigos bloggers a tunear y poner mas lindos sus blogs.


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

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Esta publicación está dirigida a un público de adultos mayores de 21 años. Esta campaña ha sido compensada por Collective Bias, Inc. y su anunciante. Todas las opiniones son solo mías. #SutterHomeSwee ...

Esta campaña ha sido compensada for Collective Bias, Inc. y su anunciante. Todas las opiniones son solo mias. Este contenido es para lectores de mayores de 21 años. #40DaysOfFlavor Si nunca has proba ...

Recomendamos

Relacionado

recursos blog tutoriales

Hola! hola!!! Hoy vengo a enseñarte un tutorial para personalizar tu blog, se trata del código html para poner el boton "pin it" pero personalizado. Si tu ya lo tenias puesto en el blog te habrás dado cuenta que desde hace tiempo ya no funciona, ya no te aparece la imagen que tenias puesta y no te deja pinear las fotos :( y eso se debe a que el javascript dejo de funcionar. Por lo visto ...

general social

Poner botones para redes sociales con los que tus usuarios puedan seguirte te ayudará a incrementar la presencia de tus contenidos en Internet. Si bien muchas veces preferimos utilizar botones al final de nuestra entradas para que nuestros usuarios compartan si lo desean nuestras entradas, es importante también que puedan seguirnos por las redes sociales si así lo desean. Qué mejor sitio para que ...

general propuestas

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

Tutoriales Blogging Estilos

Feliz miércoles ! Se siente bien estar de regreso después de varios días de tener completamente abandonado el blog. Mi familia y yo estuvimos de paseo y pudimos conocer algunos lugares que nos encantaron y nos dejaron con deseos de quedarnos más días, pero nimodo, teníamos que regresar. Me muero de ganas de compartir con ustedes todas las imágenes que tome por donde andaba. Pero hoy vengo a otra c ...

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

Blogging

Si eres nuevo en Blogger, entonces te habrás topado con una herramienta para nada particular, la cual está presente en todo lugar donde exista un campo para escribir y un editor de texto. ¿Qué es un blockquote o texto citado? Ya sea un documento de Word o el mismo editor de entradas de Blogger o WordPress, el blockquote o cita es una herramienta que sirve para enmarcar o destacar cierta parte imp ...

general diseño de blogs

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

Blogger gadgets Tutoriales

Si quieres que tu blog tenga ese botoncito en el lateral para subir arriba (como verás, yo tengo a mi perrito que dice "Súbeme") tenemos que hacer lo siguiente: Nos vamos a Diseño ➡ Añadir un gadget ➡ HTML. Le añadimos el siguiente código: <a href=# style=display croll;position:fixed;bottom:5px;right:20px; title=IR ARRIBA><img src="URL del botón de subir arriba", wid ...

general

La generación de un índice de entradas automático para un blog es algo que muchos Bloggers anhelan utilizar en sus páginas: para crear índices con las recetas de cocina, con las películas y sus críticas, con las fotografías, los poemas, los escritos, las plantas, animales... un sinfín de conceptos que cada Blog maneja según su temática y que dada su cantidad es imposible exponer a los usuarios en ...

general redes sociales

La mayoría de vosotras, como sé que tenéis blogs de cosas bonitas y/o llamativas a la vista (cocina, repostería, manualidades, costura, moda, belleza, decoración, viajes, etc.) entiendo que estaréis utilizando Pinterest como método de promoción de vuestro blog. Y si no es así, ¡eso hay que cambiarlo! Os recomiendo encarecidamente que os pongáis las pilas con esta red, pues la usan ya más de 70 mil ...