Redes sociales laterales en tu blog

hola chicas hermosas como estan? espero que bien, yo estoy con mucho frío,lo único que hago es tomar café en estas vacaciones de invierno . Bueno hoy les traigo otro tuto que creo que es algo básico para nosotras si tenemos otras redes sociales y queremos que nuestros seguidores se enteren de alguna forma . Para eso hay una solución y son los botones de redes sociales y ahora mismo voy a mostrarles como poner uno lateral.
 Les dejo la vista previa de mi botón.




                                                            comencemos con el tutorial
                                                             primero vamos a:
 

                                                      Diseñoañadir gadgetHTML/Javascript
                                                                  y pegamos el siguiente código
<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 morado  va la direccion de tu red social, ya sea facebook, twitter, mailetc. . .

El rosa te indica que allí entre esas comillas debes poner el URL del icono que quieres poner



Ahora si quieres agregar otra red social debajo, borras el <br /> que te deje  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]



Bueno eso es todo el tuturial, si tienen alguna duda comenten esta entra La próxima voy a publicar algunos botonsitos para ustedes Nos vemos >w< chao!

2 comentarios: