Hola amigos, hoy les vengo a traer uno Iconos de nuestras Redes Sociales con efecto 3D
Vista Previa:
Para añadirlo nos vamos a Diseño → Añadir Gadget → HTML/Javascript y pegamos lo siguiente:
<style type="text/css">
ul#m-soc6{ margin:19px 0 0 10px; padding:0; width:190px; height:55px}
ul#m-soc6 li{list-style:none; margin:4px; padding:0; float:left; border:none}
ul#m-soc6 li a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9aFpX_XvM9bRmO2JwGtAYERyRRx1WQqW0pZpPe5hkyg1GkuKz60WAPf6zheeOziG9vom9fdZ7rZ0EvWRZ3louf8aHRrn7s8Xb4m0FLUWxTGatfv82nR9lClFHNzOWQi9KTrGHPbPGHxU8/s400/sprite6-compartidisimo.png) no-repeat 0 0; margin:0; padding:0; display:block; position:relative; width:32px; height:32px; overflow:visible}
ul#m-soc6 li a.twitter{background-position:0 0}
ul#m-soc6 li a.facebook{background-position:-32px 0}
ul#m-soc6 li a.google{background-position:-64px 0}
ul#m-soc6 li a.rss{background-position:-96px 0}
ul#m-soc6 li a.twitter:hover{background-position: 0 -32px;}
ul#m-soc6 li a.facebook:hover{background-position: -32px -32px;}
ul#m-soc6 li a.google:hover{background-position:-64px -32px;}
ul#m-soc6 li a.rss:hover{background-position:-96px -32px;}
ul#m-soc6 li a span{background:#555; position:absolute; top:-5px; left:-10px; width:auto;opacity:0; padding:3px; text-align:left; color:#fff; filter:alpha(opacity=0); white-space:nowrap;text-decoration:none; border-radius:3px; font-size:12px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out}
ul#m-soc6 li a:hover{text-decoration:none}ul#m-soc6 li a:hover span{opacity:.7; filter:alpha(opacity=70); top:-27px}
</style>
<ul id="m-soc6"><li><a class="twitter" href="Url Twitter"><span>Twitter</span></a></li><li><a class="facebook" href="Url Facebook"><span>Facebook</span></a></li><li><a class="google" href="Url Google+"><span>Google+</span></a></li><li><a class="rss" href="Url Rss"><span>Suscribete</span></a></li></ul>
Cambian lo que está en rojo por lo que le corresponde.
Facebook
