jueves, 14 de julio de 2011

Marcadores de redes sociales flotando en el blog

okii ultimamente he mirado en varios bloguis q tienen integrado los iconitos de facebook, twiiter, tumbl, etc en su blog yo no soy fan de eso, pues ni facebook tengo o.O hahah es q me da algo de flojera, aunq ya varias chicas me han dicho q saque una cuenta pero aun no me animo u.U mas adelante quiza me haga una =D!! en fin tambien me preguntaron si tenia algun truco relacionado a eso y sip tengo uno espero les guste ^^!

Para ver el ejemplo del truco por favor visita mi blog de pruebas haciendo clic aqui


Para empezar hacemos lo siguiente:

1.- Entras al Blogspot.

2. Te vas a Diseño Diseño >> Añadir un gadget Javascript / HTML

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



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



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


En lo de color morado debes poner las url o direccion de tu blogui y la imagen de tu icono !!

Les pongo estos iconitos por si los quieren usar ^^!!















34 comentarios:

  1. Suena facil y he estado pensando en abrir twitter pero como dices da flojera n.n
    besos

    ResponderEliminar
  2. aaaayyy esto me fascinooo ya lo hice y kedo perfecto con los iconitos rosa, gracias besos

    ResponderEliminar
  3. awwww que lindo que está!! me encantó *w* próximamente lo usare^^
    te cuidas~ :)

    ResponderEliminar
  4. kawaii :D yo no tengo twitter asi que quite esa parte -w- se ve realmente kawaii :D gracias por subirlo!! Muy lindo blog!! :3

    ResponderEliminar
  5. no tengo twitter y no me gustaría hacerme uno -.- que hago? le quito el codigo de twitter pienso yo

    ResponderEliminar
  6. Ah no ya me funciono ^^ otra cosita: usaste un estilo de photoshop para hacer el botoncito? porque es muy lindo ^^ parece cosido :3 porfa dime donde descargaste esos estilos o texturas, o brushes, o lo que sea please!!!! bechos!! ^u^

    ResponderEliminar
  7. hola ichigo neni amm pues solo busque en google iconos de redes sociales xD!!

    ResponderEliminar
  8. Me gusta mucho la idea de los iconos de las redes sociales; pero no entiendo la parte en color morado donde dice "DIRECCION DE TU ICONO DE RED SOCIAL" Que es lo que debo hacer? Soy nueva en esto.

    ResponderEliminar
  9. me refiero a los iconitos que pongo al ultimo la F de facebbok, la t de twiiter..!! en en google igual puedes encontrar mas de estos iconos solo tienes que ponerles la direccion osea donde est alojada la imagen el http:bla bla bla ^^ ojala me haga entender

    ResponderEliminar
  10. muy
    kuki tu web jijiijij

    ResponderEliminar
  11. Muchas gracias ! ya coloque los mios & los adapte al color ! gracias!

    ResponderEliminar
  12. Hola Anniz! Hermoso tu blog! Me a sido útil este tutorial ya que era lo que estaba buscando.

    ResponderEliminar
  13. Gracias me quedo bien :3 grax muy lindo tu blog porcierto! le dare publicidad para que lo visten ^^

    ResponderEliminar
  14. Hola Annyz muchisimas gracias por tus consejos son muy utiles para mi sobre todo este porque pude poner mis redes sociales en mi blog cuidate mucho y otra vez gracias te dejo mi blog para que lo visites http://oppalandia.blogspot.com/

    ResponderEliminar
    Respuestas
    1. de nada paty ^^ y grax por invitarme a tu blog me encantaron todas las imagenes de lOs chicos tan wapos que tienes ahi xD besitos y buen dia

      Eliminar
  15. como siempre un enormemente GRACIAS :D !!!! annyz!!!
    Dōmo arigatōgozaimashita!!!!! si se escribe asi bueno no importa n.n
    thanks

    ResponderEliminar
    Respuestas
    1. de nada aura :D me da gusto te ayuden los tutos y te gusten besitos n.n

      Eliminar
  16. Respuestas
    1. solo agrega

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

      Eliminar
  17. muchas gracias guapa! me ayudaste muchisimooo! un besazo este es el mejor BLOG :*

    ResponderEliminar
  18. Hace mucho tiempo estuve buscando éstos íconos direccionales. Una chica me pasó tu blog y pude encontrarlo. Le hice unas modificaciones y pude colocarlo *-* n_n

    ResponderEliminar
  19. gracias por el tutorial Annyz :)
    son muy buenos!
    Saludos!

    ResponderEliminar
  20. ^^que bonitos,si no te importa los pongo en mi blog:D
    Gracias por la entrada^^
    Besitos de miel^^
    Alicia

    ResponderEliminar
  21. Ah,una pregunta,si no es mucha molestia,puede haber también iconos iguales a esos,de tumblr?
    Es que me gustaria tener uno asi en mi blog de mi tumblr.
    Besitos de miel^^
    Alicia

    ResponderEliminar
  22. Hola! Gracias por el tutorial me super sirvió!Besos

    ResponderEliminar
  23. las individuales no me salio nada lo que me salio fue elcodigo n pleno blog

    ResponderEliminar
  24. y para el tumblr tambien puede funcionar?

    ResponderEliminar

Nota: solo los miembros de este blog pueden publicar comentarios.