lunes, 23 de diciembre de 2013

Tutorial: Iconos de redes sociales flotando en tu blog

Este es un tuto muy fácil :) Da a sigue leyendo para saber mas:


Ok para poner estos iconitos primero partimos del código base:
Para ver como queda visita mi blog de pruevas

Vamos a:

Diseño/Añadir gadget/html/HAVASCRIPT

Y pegamos el siguiente code:

<style type='text/css'>

a.linkopacity img {

filter:alpha(opacity=50);

-moz-opacity: 0.5;

opacity: 0.5;

-khtml-opacity: 0.5;}



a.linkopacity:hover img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

-khtml-opacity: 1.0; }

</style>



<div style='display:scroll; position:fixed; top:140px; left:-12px;'>



<a class='linkopacity' href='URL DE TU FACEBOOK' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVynzr5xV1UuswqeyEn1wPo3c8tEdX_J5tubtYA3Qc8eJEVE0WaB1WDIMaG3urzf10T20vxlXiNYxS7o9JvnQPRDc0fnsAuW6Ams3pIo6mmG5M_6JA2N3MjZP_3axvvfc_jP3A1LOUervR/s1600/facebook.png " /></a><br />



<a class='linkopacity' href='URL DE TU TWITTER' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ0hLY-bqWkfT9-QmZzrel95P5bF3w_hyphenhyphenrwujbFTrCyMN9-ufMUpOS3XV3cByzIVZaByGH6uyySxZyVscfhvHzDUGTowXeLQDvTlyKCzUHyEl4ybV2rnfqBknnigPpgAmDxg8zRYslKkMq/s1600/twitter.png " /></a><br />



<a class='linkopacity' href='URL DE TU BLOGGER' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='go to dashboard'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLE07o9f1mztvwJcCn5lqkisLcMVP-EOuGi5ZaaJB3OjWXOjAE1dRbPoU8bJ4geOGsW2yUvCEcdepmaRdQj8rEwZKpjDyMyeyUx-zueCRgp2yZBgyPEXUUloDOw7uyewATqBX2EuJa4P3r/s1600/blogger.png " /></a><br /></div>

ROJO: Ahí pondrás la url de tu facebook
ROSA: Ahí pondrás la url de tu twitter
VERDE: Ahí pondrás la url de tu perfil de blogger o de tu google+

Fácil, no?? Pues así queda!!! :D





No hay comentarios:

Publicar un comentario

Vas a comentar?? Oks Un pedi?? Pidelo!!!! Pero explica bien. Dudas?? Dilas. De un concurso y quieres comentar? Pues adelante!!! ;)