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 ^^!!
Suena facil y he estado pensando en abrir twitter pero como dices da flojera n.n
ResponderEliminarbesos
aaaayyy esto me fascinooo ya lo hice y kedo perfecto con los iconitos rosa, gracias besos
ResponderEliminarawwww que lindo que está!! me encantó *w* próximamente lo usare^^
ResponderEliminarte cuidas~ :)
kawaii :D yo no tengo twitter asi que quite esa parte -w- se ve realmente kawaii :D gracias por subirlo!! Muy lindo blog!! :3
ResponderEliminarno tengo twitter y no me gustaría hacerme uno -.- que hago? le quito el codigo de twitter pienso yo
ResponderEliminarAh 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^
ResponderEliminarhola ichigo neni amm pues solo busque en google iconos de redes sociales xD!!
ResponderEliminarsip asi es neni ^^
ResponderEliminarMe 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.
ResponderEliminarme 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
ResponderEliminarmuy util!!
ResponderEliminarmuy
ResponderEliminarkuki tu web jijiijij
Muchas gracias ! ya coloque los mios & los adapte al color ! gracias!
ResponderEliminarHola Anniz! Hermoso tu blog! Me a sido útil este tutorial ya que era lo que estaba buscando.
ResponderEliminarde nada neni n.n
ResponderEliminarGracias me quedo bien :3 grax muy lindo tu blog porcierto! le dare publicidad para que lo visten ^^
ResponderEliminargracias nena =D
ResponderEliminarHola 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/
ResponderEliminarde 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
Eliminarcomo siempre un enormemente GRACIAS :D !!!! annyz!!!
ResponderEliminarDōmo arigatōgozaimashita!!!!! si se escribe asi bueno no importa n.n
thanks
de nada aura :D me da gusto te ayuden los tutos y te gusten besitos n.n
Eliminary youtube??? o..o
ResponderEliminarsolo agrega
Eliminar<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
me gusto esta entrsda gracias!
ResponderEliminarmuchas gracias guapa! me ayudaste muchisimooo! un besazo este es el mejor BLOG :*
ResponderEliminarHace 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
ResponderEliminarMuchas gracias!
ResponderEliminargracias por el tutorial Annyz :)
ResponderEliminarson muy buenos!
Saludos!
^^que bonitos,si no te importa los pongo en mi blog:D
ResponderEliminarGracias por la entrada^^
Besitos de miel^^
Alicia
Ah,una pregunta,si no es mucha molestia,puede haber también iconos iguales a esos,de tumblr?
ResponderEliminarEs que me gustaria tener uno asi en mi blog de mi tumblr.
Besitos de miel^^
Alicia
Hola! Gracias por el tutorial me super sirvió!Besos
ResponderEliminarlas individuales no me salio nada lo que me salio fue elcodigo n pleno blog
ResponderEliminarMuyy buenoo
ResponderEliminary para el tumblr tambien puede funcionar?
ResponderEliminar