lunes, 29 de agosto de 2011

Boton de twitter y facebook flotantes

Os dejo un tutorial sencillito de cómo poner los botones de twitter y facebook en vuestro blog, para que la gente os siga! La forma de colocarlos es muy fácil, se pone igual que cualquier imagen flotante. Os dejo por aquí el tutorial de cómo poner imágenes flotantes en un blog para que veáis cómo es... así podéis verlo en vídeo :P



Para poner cualquiera de estos botones en el blog vamos a ir a DISEÑO > Elementos de página. Crearemos un nuevo gadget HTML/Javascript y pegaremos el siguiente código:


  • Botón de twitter: 

<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="URL DE TU TWITTER"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4B_Upuov30VUWKW5WCQtavT5_JsUjJtA14j0nQXQtvQdJ1GM_2WPp5h99C226oV7d-H0Zje99p8-mVG9Ooop0RGCtBlpmOFmeY_iyNv_wLT8jzI1UZBtgW-AqXI7edws4EpiAFmsPZok/s1600/twitter2.png" /></a>

  • Botón de facebook: 
<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="URL DE TU FACEBOOK"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB3Up8UKa3B_eJonOKGYowawRMTs_9ljcj9f0hL0liPL-PhUQxXzSsjVjoUJY_whLPo2K64YmQ_rZfCA8bVaQyOlYgjIuOaAM5vhqjV-u5S3cfWLBRR-qRvMjjiR4b5RQdl0hi5UcDo1g/s1600/faceboook.png" /></a>






**No olvides poner la URL de tu respectivo twitter o facebook. Igualmente puedes cambiar la posición de los botones modificando el parámetro bottom ;) Por ejemplo, en mi blog, como ya tengo una imagen (la de la caquita) para que me quede el botón de facebook por encima le he puesto en bottom:200 px



15 comentarios:

muy bueno el blog, y los que publicas, me sirvió mucho,
pero no encuentro el tal parametro bottom, si me ayudas con eso te lo agradeseria

me encanto tus tutoriales de pothosop yo en el cole estoy viendo ese tema y no entendía nada entonces busque ayuda y encontré tus tutoriales que me re ayudaron!muchas gracias

hola. una preguntita, como hago para que aparesca mas grande, esta muy chikitoo!! :(
porcierto gracias por los tutoriales, estan muy buenoss!! ayudan bastantee!! xD
porfa si te pasas por mi blog, y me ayudas con eso!! gracias, te sigue LUNA LLENA

muchisimas gracias.. lo estube buscando por todos lados.. :)
pasaté: http://terrorenlapiel.blogspot.com/
un saludo

como puedo poner ese mismo gadget pero en vez del boton que trae el codigo cambiarlo por un boton que hice?

SabruuG sube tu imagen a un hosting y copia el direct link y lo pegas justo después de img src= (borras el url que está y pones el de tu imagen) :)

Ojala estuviese pero en estilo Yt porque no encuentro ningun boton y soy fatal para crear botones :S si alguien me puede ayudar :( !

hola, he querido poner los dos botones en mi blog pero me salen sobrepuestos, ¿Como debo hacerlo para que no aparezcan así?
Muchas gracias!^^

Hola, muchas gracias por tus tutoriales... te pasastes
visiten mi blog http://abrahamramosint.blogspot.com/

SabruuG solo pones el link de tu otra imagen y ya, muy bueno este blog xD pasensen por miblog http://thebest-es.blogspot.com/

¿como puedo crear un boton para seguir en instagram? gracias

Perfectooooo siempre me pregunte como se hacía, yeaaah \m/

Disculpa pero en el código de facebook te manda a Twitter aunque en la URL este una dirección de facebook

Publicar un comentario