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/AVvXsEhgmJ6ZsOU1_F4wy1Id_Q8RuSn7er3JDYoejXFxqS0OIeQtHHQdJ7LZqM1Vq6wsXGzdf2ZnMvaOqUMZKcSXnuPmqNQNdfECiZWCbRsKfCzEkzgZ1jC0Hly7Tn-arsl2f5sIDI9dZbfTF3_w/s1600/hazte-fan_facebook.png
Twitter Naranja:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDsi13vH7Ez-kdeBng0RCIYih0kNU-OhAfqaiGTeCKiAljh8XH9i8sXRyfSQkbDl-qLunIor66TgTsg6bRL8f1fWmKCc4FGcgVYb8oZm8q5rwMd4mHi9n0cQjUNlCOH2v4F6KqrCuULZfC/s1600/naranja_twitter.png
Twitter Gris:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4HxJaTFFK0f5z_4MAo4LKG3AZKc-ZLmrf9IThYHApMiHRlsrMzcQsMq8Ihr4tw_3szTiJIpHqXHsRiJUAv-gSrrUdbzg9pVVU7jVK9cwiQdbNkyOsb8O1mPk0fg5PcSsag8qGZvk3gT3b/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.
No hay comentarios:
Publicar un comentario