Tutorial:Efectos de imagen 2 ♥

Hola,como estan? Perdon por no publicar nada ayer,tube ocupadita ,si se dieron cuenta puse unas reglas,por favor leanlas y respeten esas reglas .Bueno hoy les traigo un efectito en las imagenes 

Para continuar clic en "seguir leyendo" ♥

hay diversas formas de efecto de imagen en un gadget , para verlo clic en :

Vista PreviaNotita:Fijarse en los gadget ,esta con el nombre" Efectos de imagen 2"Si les gusto deben seguir los siguientes pasos ,como dije anteriormente hay diversas formas de este efecto.Elijan el que mas les guste.

Efecto de imagen al lado izquierdo con texto en un gadget

Ir a Diseño/Añadir un gadget/HTMLJavascript

y pegan el siguiente codigo

<img src="Url de la imagen 1 " width="64" style="border-radius: 50px 0px 50px 0px; float:left; margin-right:-90px;" /><img src="Url de la imagen 1" width="64" style="border-radius: 0px 50px 0px 50px; float:left;" />

Poner guardar y listoEfecto de flor en imagenIr a Diseño/Añadir un gadget/HTMLJavascript
y pegan el siguiente codigo

<center><img src="Url de la imagen 2" width="64" style="border-radius: 0px 50px 0px 50px;" /><img src="Url de la imagen 2" width="64" style="border-radius: 50px 0px 50px 0px;" /></center><center>
<img src="Url de la imagen 2" width="64" style="border-radius: 50px 0px 50px 0px;" /><img src="Url de la imagen 2" width="64" style="border-radius: 0px 50px 0px 50px;" /></center>

Poner guardar y listo

Efecto en la imagen en el gadget

Ir a Diseño/Añadir un gadget/HTMLJavascript

y pegan el siguiente codigo

<center><img src="Url de la imagen 3" width="110" style="border-radius: 100px 0px 100px 0px; margin-right:-110px;" /><img src="Url de la imagen 3" width="110" style="border-radius: 0px 100px 0px 100px; margin-right:-10px;" /></center>

Poner guardar y listo

Si quieres poner el efecto de imagen en una entrada sigue los siguientes pasos.

Para verlo clic en 

Vista Previa

Ir a crear una nueva entrada y te vas a HTML y pegas el siguiente codigo

<center>
<img src="Url de la imagen 4" style="border-radius: 250px 0px 250px 0px; margin-right: -250px;" width="250" /><img src="Url de la imagen 4" style="border-radius: 0px 250px 0px 250px; margin-right: -10px;" width="250" /></center>

Se van a redactar y veran como les quedara
-En todas donde dice Url de la imagen  y su numero ,debes remplasar
Y eso es todo