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:

3.Sustituye esa linea con el siguiente código:

Agregar a marcadores favoritos:

• 


• 


• 


• 


• 


• 


• 


• 


• 


• 

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.

Como Poner Una Nube De Etiquetas...???

Seguramente ya habrán visto por varios blogs que ponen sus etiquetas en una nube. Hoy les voy a enseñar no solo eso, sino que además la nube va a ser en movimiento, para que cuando pasemos el mouse por sobre ella las diferentes etiquetas vallan desplazándose, lo que le da un toque muy atractivo.

El truco es muy fácil de realizar. Primero nos dirigimos a la Edición HTML de nuestra plantilla (recuerda guardarla antes de hacer cualquier cambio) y buscamos el siguiente código:




Luego vamos a pegar el siguiente código debajo de la línea que buscamos recién:

Nota: el código está configurado para que la nube de etiquetas aparezca al comienzo de la sidebar. Una vez que está creada podemos cambiarla de lugar a nuestro antojo, solo hay que arrastrarla al lugar que queremos en la sección "Elementos de página".



Por defecto la nube presenta estás características:

•Width (ancho) 240px
•Height (alto) 300px
•Color de fondo blanco
•Color de texto gris
•Tamaño de la fuente del texto "12"
Para cambiar estos parámetros por los que mejor se adapten al estilo de nuestro blog, tendremos que editar alguna de las partes del código.


Cambiar el ancho (240px), el alto (300px) y el color (#ffffff) de la nube:

var
so = new
SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "240", "300", "7", "#ffffff");


Cambiar el color del texto (333333 manteniendo delante el 0x tal cual está):

so.addVariable("tcolor", "0x333333");


Cambiar el tamaño del texto (12):

so.addVariable("tagcloud", "");



Como verán el resultado es muy bueno, ya que le da a nuestro blog un toque distintivo muy especial