jueves, 7 de octubre de 2010

Redes Sociales en mi blog

1.Entra a la pestaña “Plantilla” o también llamada “Diseño” desde el escritorio y después a la opción “Edición de HTML” donde activamos la casilla “Expandir plantillas de artilugios”.



2.Buscamos el siguiente código:

Agregar a marcadores favoritos:

  • Agregar a Technorati

  • Agregar a Del.icio.us

  • Agregar a DiggIt!

  • Agregar a Yahoo!

  • Agregar a Google

  • Agregar a Meneame

  • Agregar a Furl

  • Agregar a Reddit

  • Agregar a Blinklist

  • Agregar a Blogmarks






Estas son, a mi parecer, las redes sociales más populares.

4.Ahora busca el código:
]]>Y justo arriba pega lo siguiente:

.rsociales ul {
display:inline;
margin:0pt !important;
padding:0pt !important;
}
.rsociales li {
background:transparent none repeat scroll 0%;
display:inline;
list-style-type:none;
margin:0pt;
padding:2px;
}
.rsociales img {
border:0pt none;
float:none;
margin:0pt;
padding:0pt;
}
.rsociales-sobre {
opacity:0.4;
}
.rsociales-sobre:hover {
opacity:1;
}Estos son los estilos aplicados a los iconos de cada servicio, puedes modificarlos a como mejor se adapte a tu blog. Los últimos dos estilos dan un efecto de transparencia que funciona bien firefox, opera, safari e IE7.

5.Ahora gurdamos y listo.

No hay comentarios:

Publicar un comentario