01 enero 2012

Redes Sociales en tu blog


Como están mis amores? :) primer post del año 2012, aprovecho para felicitarlos 
; el año viejo dejo en sus pasos marcas memorables y trajo de su mano al 2012
con ganas de darnos salud, alegría y porque no, nuevos amores.. Este tuto lo hago
a pedido de una amiga a quien quiero mucho, aunque la distancia se interponga la amistad la 
acorta, :) bueno mayormente vemos que los blogs 
tienen sus propias redes sociales, y pues una manera sencilla de que tus lectores 
puedan actualizarse de tu blog siguiéndote en las distintas redes sociales que tengas y 
para no utilizar un gran espacio en la barra lateral se colocan botones a los costados
haz click en lee mas y te lo muestro..

Ve a diseño > añade un gadget HTML donde sea > pega el siguiente 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 />

 Donde dice: DIRECCION DE TU RED SOCIAL coloca el link de tu red ya sea Facebook ,Twitter, MySpace u Orkut.. y donde dice: URL DEL ICONO DE TU RED SOCIAL coloca el link de la imagen que deseas como icono de tu red social te recomiendo que su tamaño no supere los 80x80.


Si deseas colocar mas de un icono solo basta con repetir una vez mas la parte del código que dice:
<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 />
"abajo de lo que ya colocaste no hace falta abrir otra colocación de gadget HTML"

 Aqui les dejo unos iconitos que espero les guste ;)


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/twitter2.png
 http://i1198.photobucket.com/albums/aa452/suji64/facebook3.png

20 comentarios:

  1. Interesante. Me gusto esta entrada. Gracias por todos los tutoriales que pones! Besos desde http://youmakemehappyn.blogspot.com/ te espero♥

    ResponderEliminar
  2. Muy buena entrada :D
    Gracias por pasar por mi blog ;D

    Besos y feliz año nuevo!!

    ResponderEliminar
  3. Encantador blog el tuyo, un placer haberme pasado por tu espacio.

    Feliz año nuevo y un abrazo.

    ResponderEliminar
  4. Este ya lo conocía y la verdad que es superútil.
    Un beso y feliz Año. Y gracias por tus consejos.

    ResponderEliminar
  5. muchisimas gracias por pasarte por mi blog, ya tienes una seguidora más y te espero que tengo el post de mi balance, espero que te guste ... muakkk


    http://imagenshopper.com

    ResponderEliminar
  6. gracias por poner el tutorial..!! ya los coloque!!

    ResponderEliminar
  7. Gracias por cada dedicacion que tenes en los tutoriales. Estoy re agradecida de que hayas podido encontrar el tutorial para lo que me buscabas.
    Muchas gracias, te debo una y si necestias ayuda, no dudes en pedirme :)
    Besitosss hermosa! y te deseo un feliz 2012 :)
    PD: gracias por cada tutorial, me re sirven!

    ResponderEliminar
  8. Siiii hermoso lo que pusiste!
    Feliz año nuevo!
    De donde sacas todos esos trucos?
    Algún día se que voy a necesitar alguno; y lo voy hacer.
    Un beeso ♥

    ResponderEliminar
  9. primero desendote un feliz año nuevo!! quiero hacer una pregunta sobre los botones que puse en mi blog pues tube un pequeño incoveniente cuando los coloque los dos me salen uno sobre el otro!! y no se que hacer para que me salgan separados.. Hepl!!

    ResponderEliminar
  10. Encantador blog el tuyo, un placer haberme pasado por tu espacio.

    Saludos y un abrazo.

    ResponderEliminar
  11. Muuuy guay! En cuanto tenga la red social elegida, lo pongo! ^^

    Preciosa, mil gracias por acordarte siempre de mi pequeño blog, que eres un cieeeelo dios! ^^
    Feliz año 2012 a tí tambien, que espero qe sea muy especial y felicillo ^^


    Mil beeeeeesoos,
    Carmeeeeen ♥

    ResponderEliminar
  12. nunca me habia pasado por aqui, muy buena idea de que subas tutos :) besos y te sigo, me sigues? bye. www.can-using.blogspot.com

    ResponderEliminar
  13. Me encanto tu blog *_*
    Esta precioso ^^
    Cuando decida la red social, lo pongo , me encanto la idea ^^

    Un beso, te sigo!

    ResponderEliminar
  14. aah muchisimas gracias !! me re sirvio este tutorial !
    saludos!!
    http://gugliermovish.blogspot.com/

    ResponderEliminar
  15. Gracias, me encantó esta entrada.

    ResponderEliminar
  16. Hola podes hacer uno de picapon que yo tengo de mundo gaturro gracias!
    ♥Atte:Lilyzz♥

    ResponderEliminar
  17. Me encanto! lo estoy haciendo en mi blog y me funciona super bien, muchisimas gracias! Por cierto, me encanta tu blog. Muy bueno

    ResponderEliminar

========================S2============================
Solo habla si te interesa! y se cordial. Si no te gusta no me lo hagas
saber pues hieres mis sentimientos y yo publico para ti y para los demás
lectores así que no seas mala leche.
========================S2============================