Poner una imágen con efecto en tu blog


El efecto que utilizaremos es Efecto pushbutton (Pulsar-botón) , este efecto, podemos ponerlo en fotografías, botones, y en un simple texto, además te puede servir como enlace, ya que puedes agregar un enlace a otra página.




¿Qué provoca este efecto?

Lo que provoca es que al pasar el cursor por enzima de la imagen, pareciera que la imagen se hunde, es un efecto que no debe de faltar en tus enlaces con imagenes.

¿Cómo poner este el efecto pushbutton en tu blog?

Para ello primero nos dirigimos a nuestra plantilla > Diseño > Edición de HTML > y buscamos ]]></b:skin> justo antes pegamos el siguiente código:

.pushbutton a:hover{
position: relative;
top: 1px;
left: 1px;}

Pegamos el código, y pinchamos en Guardar Plantilla. Ahora hacemos click en Elemento de la página > Añadir Gadget > elegimos HTML/javascript y pegamos el siguiente código:

<span class="pushbutton"><a href="AQUÍ-ENLACE-A-PÁGINA"><img src="URL-DEL-BOTÓN"></a></span>

Cómo puedes ver, es muy sencillo y muy interesante este efecto.

Vía | Diyva

2 comentarios:

Ani el 8 de abril de 2010, 9:58 dijo...

Hola de nuevo!!!como no sabia donde preguntarte esto pues lo hago aqui xD
el tema es que queria poner una imagen en mi blog en la esquina inferior izquierda, como una enredadera o algo asi no? pero no la doy puesto, tengo un blog de prueba y he estado fozando y he conseguido poner una imagen al pie del blog ahi en la izquierda pero el tema es que como tengo un gadget alargado con el cronometro pues si lo pongo debajo me lo sube hacia arriba y me queda espacio debajo y si lo hago al reves igual, queria saber si la imagen puede montar por encima de ese gadget para que no me lo mueva...
gracias

german el 27 de febrero de 2013, 4:25 dijo...

Quier saber como poner una imagen desde mi computadora y en vez de hundirse quiero otros efectos mas llamativos. Espero respuestas porfavor.

Quieres Comentar

Todos los comentarios están siendo leídos y moderados.

- Todos los comentarios deben ser relacionados con el artículo
- Serán borrados aquello comentarios que sean considerado SPAM
- Si quieren pedir ayuda,que no tenga nada que ver con el post, utilicen la página de Contacto
- Los comentarios serán publicados a la brevedad mínima posible

¿NO PUEDES COMENTAR?

¡Si no puedes ver la caja donde tienes que poner la palabras de verificación, has clic en donde dice "Verificación de palabras" y te saldrá la cajita donde tienes que ingresar la palabra!

NO TE OLVIDES DE RECOMENDAR PAZOSBLOGGER.COM A TUS AMIGOS

sábado, 18 de julio de 2009

 

Ayuda para blog - Pazos Blogger Copyright 2010 | Template por:Brian Gardner | A Blogger por: Bloganol | Modificado y Diseñado por:Eduardo Sanguino