El siguiente código ponerlo debajo de <body>:
<a href='http://twitter.com/USUARIO' target='_blank' title='Sígueme en Twitter'><img border='0' src='URL DE LA IMAGEN DE TWITTER' style='display:scroll;position:fixed;top:100px;right:0;'/></a>
<a href='http://www.facebook.com/PÁGINA' target='_blank' title='Hazte Fan en Facebook'><img border='0' src='URL DE LA IMAGEN DE FACEBOOK' style='display:scroll;position:fixed;top:280px;right:0;'/></a>
Cambios a realizar:
1) Nombre de usuario en twitter y página de facebook.
2) Las URL de las imágenes.
Acá les dejo los link de las 3 imágenes de muestra:
Facebook:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG47yv1IDVs3bEjIBkXwbwMXXYoMyzaC3Lvjex21vDT5yzkJoqtG0-CXX6io_ngbGh2JYANUp1BdCna_L0GtFCBFCLVqSwmesC-kUXSkX7GovC90qWFK7xNR2FwrdR3z1sABwJh-Nqz_Mq/s1600/hazte-fan_facebook.png
Twitter Naranja:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp_FO3rMZL3t7ZTxXjY7JK3hTsT52bMwKyoCmseLzrAXQXtNlaKzUYpR2_Xrlz3GHiZzcvGu8_UocWaHX9Q8ghEfaPUxyT2yRSd6UbAGqF1_IKPuO6lSysCgu6UfkXy-GX1sKZ6W-qqBmq/s1600/naranja_twitter.png
Twitter Gris:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWhaAAU47Y3r3XjibgvtsotJF54eydP69sx-vo3Paz54WyVvYY0vcRg2yQi_uQlKU6GxpiJxhk3usAUVR_H27f7Q9JPxXanZtj-qLWGjNLZdKpYh4LEEegM-1Dqepw2KwadyQz-ltGFk5x/s1600/gris_twitter.png
3) Posición de las imágenes.
En el código yo puse para que las imágenes se muestren a la derecha (right:0) y a una distancia desde arriba de 100px la de Twitter y 280px la de Facebook.
Si quieren pueden ir probando las distancias que mas se les adapte a su blog.
Estas imágenes son para ir del lado derecho del blog, pero si prefieren del lado izquierdo cambiar right:0 por left:0.
0 comments:
Post a Comment