Botón de Twitter flotante

|

Una forma de poner el enlace de tu cuenta Twitter en tu blog es haciéndolo con un botón que se queda en un lado de la ventana y no se mueve al bajar la página con el scrollbar. Para los más entendidos en el tema es un badge flotante.

twitter bagde

Colocarlo es muy sencillo, sólo entra en Diseño > Edición de HTML y antes de </body> pega esto:
<a href='http://twitter.com/usuario' title='Sígueme en Twitter'><img border='0' src='http://3.bp.blogspot.com/_qgZA1ny_dAs/Sv9ShGIZOoI/AAAAAAAADBU/zvfuqM5TP58/s320/twitter-badge-classic.PNG' style='display:scroll;position:fixed;bottom:225px;right:0px;'/></a>

Cambia lo que está en color rojo por tu nombre de usuario de Twitter. El badge (botón) tiene el azul clásico de Twitter, además de ese hice en otros colores para que escojas el que más se adapte a tu plantilla. Sólo remplaza la URL que está en color verde por la URL de la imagen que quieras.


twitter badge twitter badge twitter badge twitter badge twitter badge twitter badge

40 comentarios:

@rielCastellanos dijo...

Hola Potro, tengo una preguntita, como haces para que tu gadget de http://whos.amung.us/ que tienes abajo del blog al posicionar el mouse aparezca nada mas ONLINE (title)? en el mio aparece click to see how many people are online, solo esa duda tengo, quisiera personalizarlo, disculpa q te pregunt este tipos de cosas, es q en ocasiones suelo ser algo perfeccionista, de antemano gracias El Potro!!!!

Dj Nestor dijo...

Holaa!
Bueno, yo tambien tengo una pregunta sobre las imagenes flotantes en general:
Se le podria dar algun efecto a estas, quiero decir como si rebotaran, se movieran, o algo paracido, esque e puesto una imagen en uno de mis blogs y queda un poco 'sosa'. Pero si no se puede da igual...

Para mi la cabecera si que era "nueva", esque en toda esta semana no he podido hacerte ninguna visita, con lo de los examenes y eso, y era la primera vez que la veia XD


Gracias por contestar

El Potro dijo...

@rielCastellanos, anteriormente el sitio daba la opción de incrustar el contador por medio de un script o HTML, y ahora sólo es por script. Cuando era por HTML (como el mío) se podía modificar el title del contador.

Dj Nestor, los scripts que antes habían para dar esos efectos de rebote ya no sirven para los navegadores actuales, quizá haya alguno por ahí que pueda servir, si encuentro algo te aviso. Suerte con los exámenes!

lavidalinux dijo...

Excelente. Muchas gracias. Ha ha servido bien. Saludos.

@rielCastellanos dijo...

Ahh ok, ya veo, intente registrarme pensando que asi tendria acceso a mas cosas pero no.

Oye tengo otra duda, intente buscar en internet pero no encontre nada. aqui va:

Me gustaria colocar un bloque de adsense el la parte superior derecha de mi blog, o cualquier gadget mientras quepa en ese espacio (200x200) pero no se como hacerlo, adjunto una imagen para que te des una idea.

Imagen: http://www.fileden.com/files/2009/5/3/2428538/adsense%20unah.png

Mi Blog: http://blogunah.blogspot.com/

Veo que tu tienes un bloque de adsense y ademas un buscador justo donde yo quisiera (derecha superior) pero claro con mis dimensiones, me podrias ayudar?

De antemano Gracias.

cyberbloggero dijo...

Hey!! muy bueno!! Había visto algo parecido, pero era en plataforma WP y mostraba la cantidad de Twits realizados en el día.

Un abrazo!!

El Potro dijo...

@rielCastellanos, necesitas dividir la cabecera en dos como te dijo Rosa, de ese modo tendrías el espacio de tu cabecera a la derecha y del otro lado el espacio para poner otro gadget. Saludos.

cyberbloggero, supongo que ese ha de ser un script o como dices, un plugin para WP. Un abrazo!

Alex dijo...

Muy bueno Potro, ya nada más te falta el de Facebook
pero este esta muy bien

la verdad pense que lo publicarias algun dia pero ya se cumplio, ademas de que hay paginas que te dan la posibilidad de colocarlo, pero no más no salia, lo use como me lo pedia pero con lo que das pues esta mejor ya lo he probado y me funciono
gracias

GRACIAS

El Potro dijo...

Hola Alex,

A veces tengo en mente algún post por publicar pero me doy cuenta que esa información ya se ha publicado en varios lados así que ya no lo publico, pero esta vez quise hacerlo para poner mi granito de arena haciendo estos botones.
Los scripts que dices son buenos pero a veces alentan la carga de la página y tanto script en la plantilla no es muy recomendable.
Me alegro que este te haya funcionado.

Saludos y gracias a ti.

www.bonaisima.com dijo...

Seria posible tabien hacerlo para facebook esto mismo ,dejanos saver como ,ya sea en otro post o por aqui ,gracias potro ..

El Potro dijo...

Hola www.bonaisima.com,

¿Te refieres a que el botón enlace a tu perfil de Facebook?

www.bonaisima.com dijo...

di potro ,como hago un boton igual para agregarlo pero al lado derecho de la pagina para facebook

Mone dijo...

Lo agregre pero no se ve :( alguien me puede orientar?

El Potro dijo...

Hola Mone,

¿En cuál de tus blogs pusiste el código?

ByronPC dijo...

Muchas gracias Compañero(os) me sirvió de mucho... saludos desde Costa Rica

Nesepousent dijo...

Muchas gracias. He sacado muchas ideas de tu blog.
Tengo dudas sobre el color que he elegido pero ya modificare la imagen.

¿Supongo que para hacer otro pero en el lado contrario sólo me basta con cambiar Right por Left no?

El Potro dijo...

Efectivamente, sólo hay que cambiar right por left.
Saludos!

Maar dijo...

Muy bueno pero... alguien me podría pasar el código para que cambie onmouseover? Gracias!

tiernita dijo...

hay mi potro lindo precioso, heeee, me resultó.. eres el más grande muy sabio, inteligente, y gracias a ti, podemos salir de errores y aprender de tu experiencia..
te dejo muchos muakiz. de su amiga tiernita :D

El Potro dijo...

Muchas gracias por tus palabras, eres muy amable :)

marco dijo...

OYE POTRO...... Te doy infinitas gracias por estos importantes aportes, haz hecho que mi web sea aun mas interactiva, por lo que te invito a que la visites y me des tus comentarios www.elsabado.tk Te comento que soy novato en esto de la realizacion de las paginas web, y la misma crisis economica en la que vivo me obligo a descubrir habilidades que no sabia que tenia (me refiero a mi pagina web)..... DIOS TE BENDIGA, BROTHER....

El Potro dijo...

De algo malo siempre sale algo bueno =)
Gracias por tus comentarios.
¡Saludos!

La Mirada de Medusa dijo...

Hola Potro,

Ya había puesto el botón flotante de Facebook y me salió sin ningún problema, pero ahora para poner el de Twitter no me sale, no me da error, pero no se ve. He intentado ponerlo a la izquierda cambiando "right" por "left" como decías en un comentario por si acaso era porque ese espacio ya estaba ocupado por el de Facebook, pero tampoco se ve...

Me puedes decir qué hago mal???

Muchas gracias

La Mirada de Medusa dijo...

Olvídate... Lo estaba escribiendo en un lugar incorrecto...
:S

Muchas gracias por tus explicaciones tan sencillas, que consiguen que hasta torpes como yo seamos capaces de realizar cositas!

Robin Publicidad dijo...

Esta Super ese Boto.. yo lo utilizo En www.SOFOKEMUSIC.net

Pedro Miguel CH. dijo...

He puesto este botón y el de facebook pero en resoluciones altas no me aparece. Es decir cuando cambio la resolución de mi monitor y visualizo la página, los botones desaparecen volviendo cuando reduzco la resolucion. Como hacer para que se vean siempre?

El Potro dijo...

Pues se supone que así debe verse siempre, nunca he notado que suceda eso con alguno :\

Publicar un comentario en la entrada

Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.

 

Ciudad Blogger. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com

Ir arriba Ir abajo