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.
Colocarlo es muy sencillo, sólo entra en Diseño > Edición de HTML y antes de </body> pega esto:
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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJrcmRYETWh8xYVClfYejJDJbRmOCtxmJhgteU_boVwC-XvKgiT87pQE4ir62ywP52JQTaPDGpHfnKmzOkIMIUnWd4ertrtHHl_MxFwkNJMvo3dtZIVmQAX6spxTiTPr3WULeFzMp-72M/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.
Ciudad Blogger
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!!!!
ResponderEliminarHolaa!
ResponderEliminarBueno, 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
@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.
ResponderEliminarDj 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!
Excelente. Muchas gracias. Ha ha servido bien. Saludos.
ResponderEliminarAhh ok, ya veo, intente registrarme pensando que asi tendria acceso a mas cosas pero no.
ResponderEliminarOye 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.
Hey!! muy bueno!! Había visto algo parecido, pero era en plataforma WP y mostraba la cantidad de Twits realizados en el día.
ResponderEliminarUn abrazo!!
@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.
ResponderEliminarcyberbloggero, supongo que ese ha de ser un script o como dices, un plugin para WP. Un abrazo!
lavidalinux, excelente elección de color =)
ResponderEliminarMuy bueno :)
ResponderEliminarlastima q ya me ise unos banners
Muy bueno Potro, ya nada más te falta el de Facebook
ResponderEliminarpero 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
Hola Alex,
ResponderEliminarA 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.
Seria posible tabien hacerlo para facebook esto mismo ,dejanos saver como ,ya sea en otro post o por aqui ,gracias potro ..
ResponderEliminarHola www.bonaisima.com,
ResponderEliminar¿Te refieres a que el botón enlace a tu perfil de Facebook?
potro quisiera el truco de hi5 abra?
ResponderEliminarpero para entrar a un grupo
ResponderEliminarUmmm, no sé a qué te refieres =S
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminardi potro ,como hago un boton igual para agregarlo pero al lado derecho de la pagina para facebook
ResponderEliminarMañana lo publico.
ResponderEliminarSaludos.
Lo agregre pero no se ve :( alguien me puede orientar?
ResponderEliminarHola Mone,
ResponderEliminar¿En cuál de tus blogs pusiste el código?
Muchas gracias Compañero(os) me sirvió de mucho... saludos desde Costa Rica
ResponderEliminarPor nada ByronPC.
ResponderEliminarSaludos!
Genial! Muchas gracias
ResponderEliminarGracias a ti por tu visita.
ResponderEliminarSaludos.
Muchas gracias. He sacado muchas ideas de tu blog.
ResponderEliminarTengo 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?
Efectivamente, sólo hay que cambiar right por left.
ResponderEliminarSaludos!
Muy bueno pero... alguien me podría pasar el código para que cambie onmouseover? Gracias!
ResponderEliminar¿Qué efecto quieres que tenga onmouseover?
ResponderEliminarhay 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..
ResponderEliminarte dejo muchos muakiz. de su amiga tiernita :D
Muchas gracias por tus palabras, eres muy amable :)
ResponderEliminarOYE 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....
ResponderEliminarDe algo malo siempre sale algo bueno =)
ResponderEliminarGracias por tus comentarios.
¡Saludos!
Hola Potro,
ResponderEliminarYa 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
Olvídate... Lo estaba escribiendo en un lugar incorrecto...
ResponderEliminar:S
Muchas gracias por tus explicaciones tan sencillas, que consiguen que hasta torpes como yo seamos capaces de realizar cositas!
Qué bueno que ya lo has solucionado ;)
ResponderEliminarEsta Super ese Boto.. yo lo utilizo En www.SOFOKEMUSIC.net
ResponderEliminarHe 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?
ResponderEliminarPues se supone que así debe verse siempre, nunca he notado que suceda eso con alguno :\
ResponderEliminarey potro como esta te escribo para comentarte que puse el botón y se ve muy bien pero resulta que no me funciona y cuando le pongo el cursor en sima se pasa para el lado izquierdo de la pantalla
ResponderEliminarNecesitaría verlo puesto en tu blog para ver cuál podría ser el problema.
ResponderEliminarHola potro, me gustaron los tutoriales de como poner la pestaña de Twitter y de facebook.
ResponderEliminarMuchas gracias.
Ademas, Quisiera saber como puedo poner un contador de visitas.
Que las 3 me queden en el mismo lado
El seguidor de twitter, el anexo a facebook y un contador de visitas, muchas gracias! :)
Pues el único contador que conozco que puede colocarse de esa manera es el de Whos amung, sólo pega antes de </body> este código:
ResponderEliminar<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('tt8tw01uh97a', 'right-lower')</script>
potro pero a cual de todos los contadores se le pone eso...porque el que tengo en niguno sale </body
ResponderEliminarme podrias madnar el contador al cual se le peude agregar eso?? muchas gracias!
No en tus contadores, sino en tu plantilla tienes que ponerlo donde te he indicado. Ese código que te di es para cualquier usuario, no necesitas registrarte ni nada, sólo ponerlo como te he dicho.
ResponderEliminarsabes que no me funciona, sera porque tengo un TUMBLR...??
ResponderEliminarPues sólo lo he probado en Blogger, nunca he usado Tumblr así que no sabría decirte.
ResponderEliminarYo de nuevo xD!
ResponderEliminarUna consulta. Cuando le das click al botón de Facebook, se abre el Facebook en otra pestaña. Pero, cuando le doy click al botón de Twitter, no se abre en otra pestaña. Como puedo hacer, para que el Twitter se abra en otra pestaña.
Me podras ayudar? Gracias.
Después de title='Sígueme en Twitter' deja un espacio en blanco y después pon target='_blank'
ResponderEliminarSaludos.
Muchas gracias! Ahora quedo perfecto.
ResponderEliminarhola!! oye una pregunta nadamas se puede poner un boton flotante no puedo poner el del facebook y el del twiter!!!
ResponderEliminarClaro, a este código cámbiale donde dice bottom:225px; por bottom:350px; y hará que esté más abajo, así el de Facebook quedará arriba.
ResponderEliminarME GUSTO MUCHO ESTE POST PERO QUISIERA SABER COMO PONGO LOS DOS BOTONES OSEA EL DE FACEBOOK QUE VI RECIENTEMENTE Y EL DE TWITTER DEBAJO O COMO SEA?? AYUDAME PLIS QUE ESTA BIEN BUENO
ResponderEliminarMira el comentario anterior al tuyo, ahí están las indicaciones para tener los dos al mismo tiempo ;)
ResponderEliminarGRACIAS EL POTRO NO ME HABIA FIJADO...
ResponderEliminarOtra pregunta con respecto al tutorial de la cabecera en flash me encanto y quisiera ponerlo en mi blog pero no me queda bien no se si sera por la plantilla... por favor ayudame a poner una cabecera justa asi, si quieres te mando la clave de mi cuenta por correo para que me lo hagas si puedes... este es mi blog- http://mbcsantiago.blogspot.com/ espero tu respuesta...
ResponderEliminarDeja la pregunta en la entrada que corresponde para no desviarnos del tema principal de este post ;)
ResponderEliminarcomo hago para que el boton de twiter al igual que el de facebook me queden debajo de cada entrada, que almomento de publicar cada entreda aparezca abajo de cada entreda
ResponderEliminarColocalos debajo de <div class='post-footer'>
ResponderEliminarpuden entrar en mi web es miguelatp.jimdo.com
ResponderEliminarHola de nuevo Potro..
ResponderEliminaresta vez coloque el boton de twitter pero con una imagen diferente, el problema esq se ve pequeño, como hago para aumentarle de tamaño.
http://dvdrip-charly03.blogspot.com/
El código no tiene establecido algún tamaño, se ve así porque tomaste la URL de ima imagen pequeña. Cambia esa URL por esta:
ResponderEliminarhttps://lh5.googleusercontent.com/-y7rFvw0IqG0/Tqt9KOOl7oI/AAAAAAAAAfM/9AmN97m2kDw/h400/dvdrip-charly03_twitter.png
Muchas Gracias colega Potro...
ResponderEliminarEspero no tenerte cansado de tantas preguntas...
Descuida ;)
ResponderEliminarMe parece que encontré algo de lo que buscaba..jaja. Ahora me falta el tema de poner el botón de google "1+" también pero para compartir el blog...cómo sería? es decir, poner el de twitter y facebook flotantes con las cuentas del blog en cada uno de ellos y el de google para compartir el blog...jaja mucho lío, no? me ayudás??
ResponderEliminarEl botón de compartir de +1 lo encuentras aquí:
ResponderEliminarhttp://ciudadblogger.com/2011/06/anadir-el-boton-1-de-google-en-blogger.html
O puedes tomarlo del código de la entrada donde habías comentado antes, ese ya está flotante, sólo sería eliminar los botones que no quieres de ahí.
Saludos.
Hola potro! En mi web de asesoramientoconsorcios.blogspot.com tengo dos anuncios flotantes que miden 175x60 cada uno, y uno me aparece en su tamaño real y el otro chiquitito, abajo...qué está mal?? Saludos!
ResponderEliminar¿Los de Twitter y Linkedin? Yo los veo los dos del mismo tamaño, no sé si ya pudiste resolverlo. Saludos!
Eliminar