Tutorial: Redes sociales laterales en tu blog

Hi Hi  ¿Cómo esta todo? Espero que muy bien  Okasss hoy en día les traigo un tutorial :D Vieron las redes sociales que están a la izquierda del blog? Okk les enseñaré a como ponerlas  El mío esta algo fallado xD En realidad quedarían así:

Click para agrandarlo

Okkkkk pasemos al tutorial 

Primero nos iremos a

Diseño >> Añadir Gadget >> Html/Javascript

Y copiamos todo junto este codigo:

<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='DIRECCION DE TU RED SOCIAL' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL DEL ICONO DE TU RED SOCIAL" /></a><br />

En lo rojo va la direccion de tu red social, ya sea facebook, twitter, mail etc. . .
El verde te indica que allí entre esas comillas debes poner el URL del icono que quieres poner. [Abajo te dejo algunos bonitos >w<]

Ahora si quieres agregar otra red social debajo, borras el <br /> que te deje con azul en el code y a continuación pones este:

<a class='linkopacity' href='DIRECCION DE TU RED SOCIAL' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL DEL ICONO DE TU RED SOCIAL" /></a><br />

 [Y si quieres agregar otro haces el mismo paso que el anterior]

Ahora te dejo algunos iconitos que puedes usar:

http://media.tumblr.com/973d97888fa64f86af9cd38c0de2caea/tumblr_inline_mwkq11A6Gm1qk1or3.png

http://media.tumblr.com/22cfd56c32ea283ad063f549738a2c44/tumblr_inline_mwkq1jxfuI1qk1or3.png

http://media.tumblr.com/fdc29f69fa4cb1276363c22f0923996d/tumblr_inline_mwkq22l4SN1qk1or3.png

http://i1198.photobucket.com/albums/aa452/suji64/twitter.png

 

http://i1198.photobucket.com/albums/aa452/suji64/facebook2.png

http://i1198.photobucket.com/albums/aa452/suji64/facebook3.png

http://i1198.photobucket.com/albums/aa452/suji64/twitter2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN8VkWpVcS_FxcZFmJXUSOHV28zjm3IgNIBOKLNLV7xFYgIOqUOXwUOkaWxzcSBxtzOJMuTI6Zdm0nAh98ZkyNBmSbGcBXd2W0i0hCM5rP74jEoPiFiowm0Bv-gHRs1Q7PXPLkfGDVLSc/s1600/face.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKFz5KL-sp-kC4auZvckm3kb8SoeIVZ7ttfyEmZQ2qpxDmWp46V2DsvHtpYE8RfUdT_L04g9H1D1srW3V3aH0UUE_ancZFBKd98MELxb9K7HZatxbVq9qDQ5F0g9U-OCcql1XNucR3F3U/s1600/tumbl.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaqBjzq4bSAbN5CyNcFK9Rlm0cZMw7IUto8lBwKOiuytIETPHxVANNfgyKHN6_6Ic9TibbIz0gI2PSAkKxQGT_i1baAVcRO705z-FTg65mX3Y2uQ66X7_0rJ8rxe2BX-hmZ1GA71HpTKM/s1600/twit.png

http://i1198.photobucket.com/albums/aa452/suji64/pigtails_youtube_64.png

http://i1198.photobucket.com/albums/aa452/suji64/pigtails_blogspot_64.png

http://i1198.photobucket.com/albums/aa452/suji64/fa.png

 

http://i1198.photobucket.com/albums/aa452/suji64/pigtails_twitter_64.png

http://i1198.photobucket.com/albums/aa452/suji64/pigtails_flickr_64.png

Credits: xx

Sayonara!