26/11/14

Caja de subscripcion redes sociales con efecto zoom

Imagen de http://www.miltrucosblogger.info


Estéticamente es muy bonita y como los demás trucos, muy sencillo de lograr.

 Diseño - Elementos de página - Añadir gadget - Html

Pegar el siguiente código :

 <div class="separator" style="clear: both; text-align: center;"> <a class="hovergallery" href="URL de tu cuenta de Facebook" target="_blank"><img src="http://3.bp.blogspot.com/-nxlC405RKps/U8WOWnERXLI/AAAAAAAAENQ/790EqkrkHNE/s1600/redes+sociales+1.png" /></a> <a class="hovergallery" href="URL de tu cuenta de Twiiter" target="_blank"><img src="http://1.bp.blogspot.com/-SxPOAKaf4WE/U8WOVeIIqiI/AAAAAAAAENA/Jdu_W1JHLGE/s1600/redes+sociales+002.png" /></a><a class="hovergallery" href="URL de tu cuenta de Youtube" target="_blank"><img src="http://2.bp.blogspot.com/-ArIZkIi7bEg/U8WOVhkTtEI/AAAAAAAAENc/pfnczxNOX_w/s1600/redes+sociales+003.png" /></a> <a class="hovergallery" href="URL de tu RSS FEED" target="_blank"><img src="http://1.bp.blogspot.com/-QQTmQUgDjxc/U8WOVrG2tJI/AAAAAAAAENE/jj4YTZ6DsrM/s1600/redes+sociales+004.png" /></a><a class="hovergallery" href="mailto:TU CORREO ELECTRÓNICO:mailto" target="_blank"><img src="http://4.bp.blogspot.com/-T7VCUA_TLvs/U8WOWgQ8WsI/AAAAAAAAENU/nD6rxhkd5Ks/s1600/redes+sociales+005.png" /></a></div><style type="text/css">.hovergallery img{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;opacity: 0.7;margin: 0 1px 5px 0;}.hovergallery img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);opacity: 1;}</style>


Ahora solo tenéis que reemplazar lo que está en azul por vuestros datos y guardar.
Espero que os guste :)

No hay comentarios:

Publicar un comentario