En esta ocasión os voy a mostrar un truco, aunque, más que un truco es puro código CSS, para que las imágenes de vuestro blog queden redondeadas. Mi fuente "oloblogger", lo explica a la perfección, así que no dudéis en acudir a este magnifico blog, al final del articulo os daré el link concreto a este truco.
Bueno, vayamos por partes, lo primero es crear el estilo con css, la regla que obrara el milagro, y que colocaremos o bien dentro de nuestra plantilla para no tener que repetir el código o inline y aplicarlo exclusivamente a una sola imagen.
<style type="text/css" media="screen"> (solo si no lo haces en la plantilla de vuestro blog)
LA REGLA DE ESTYLO
.redondo img{
border: 2px solid grey;
margin: 0;
padding: 0;
border-radius: 800px;
overflow: hidden;
}
---------------------------------------------------------
</Style> (solo si no lo haces en la plantilla de vuestro blog)
Ahora viene el código html que ara que las imágenes con la clase redondo se redondeen:
<div class="redondo">
<img src="DIRECCION_IMAGEN"/>
</div>
Este código lo colocareis para incrustar la imagen allí donde lo deseéis.
No lo olvidéis: todo junto css y html se hará en una entrada o gadget para ejecutarlo sobre una sola imagen, pero, si el CSS, lo añadís a la plantilla antes de ]]</b:skin>, tan solo colocareis en el lugar deseado el html.
</Style> (solo si no lo haces en la plantilla de vuestro blog)
Ahora viene el código html que ara que las imágenes con la clase redondo se redondeen:
<div class="redondo">
<img src="DIRECCION_IMAGEN"/>
</div>
Este código lo colocareis para incrustar la imagen allí donde lo deseéis.
No lo olvidéis: todo junto css y html se hará en una entrada o gadget para ejecutarlo sobre una sola imagen, pero, si el CSS, lo añadís a la plantilla antes de ]]</b:skin>, tan solo colocareis en el lugar deseado el html.