Hacer el sidebar de Twitter transparente
Escrito Por: Nico en General, Personalizar | 16 de agosto del 2010 | 15804 Views
El sidebar es lo que vemos a la derecha de nuestro perfil de Twitter. Es una barra que contiene mucha información, entre cual se incluye, cuantos seguidores tenemos, ha cuantos seguimos nosotros, un buscador de tweet, etc. Acá les dejamos una imagen de nuestro Sidebar para dejar mas en claro sobre lo que estamos hablando:
Hoy les traemos unos simples pasos para hacer que el color de fondo de este, sea transparente (en este caso es verde).
Los pasos para hacer el sidebar transparentes son:
Debemos ingresar a nuestro Twitter y vamos a Configuración situado en la parte superior derecha de nuestra pantalla.
Luego vamos a Diseño:
Ahora ya estamos en la pagina en la que debemos realizar las modificaciones. Si siguieron bien los pasos hasta aquí, deberían ver una pagina como la siguiente:
Aquí viene lo interesante, como podemos ver en la imagen anterior, a la derecha, podemos ver unos consejos de diseño. Estos consejos son mostrados como se ve nuestro siderbar en este momento. Vamos a hacer que el fondo de este (celeste, en este caso) se vea transparente.
Debemos copiar el siguiente código:
javascript:document.getElementById("user_profile_sidebar_fill_color").value = '';void(0);
Si el código no te funciona correctamente, puede ser que tu navegador este modificandolo. Para solucionarlo debes copiar el codigo desde el siguiente enlace: Codigo Twitter Transparente
Este código lo debemos pegar en la barra de direcciones de la pagina actual. Nos debería quedar así:
Presionamos Enter y nos aparecerá un texto indicándonos el siguiente paso a hacer. Lo podemos ver en la siguiente imagen:
Como podemos leer en la imagen anterior, debemos hacer click en Guardar Cambios que se encuentra en la parte inferior de nuestra pantalla:
Luego de hacer click en Guardar Cambios ya tendremos el fondo de nuestro Sidebar transparente. Aquí podemos ver como queda Twitter con el fondo transparente:
Es muy importante que cambies los colores de las letras del Sidebar para poder hacer que sea completamente legible el texto que se encuentra en él. Porque como se puede ver en el caso anterior las letras oscuras con el fondo también oscuro se hacen muy complicadas de leer. Aqui podemos ver como quedaria con el fondo claro:
El cambiar las letras de color es una tarea muy simple, pero de todas maneras haremos un tutorial en unos días para poder ayudarlos a realizarlo.
Nota: Funciona tanto para el Twitter antiguo como para el nuevo Twitter (con el sidebar mas ancho).
Explicación paso a paso
Aquí les dejamos un video para que puedan poner la barra de Twitter transparente en unos simples pasos:
Lectores por correo:
78 Personas han Comentado!
Publicado: 6 de octubre de 2010 | 2:23 amhola chicos no funcio el codigo?? hay otra manera , lo he hecho 10 veces.. repondame please
no funciono el codigo como hago??
Acabamos de probarlo y vemos que no esta funcionando en este momento. Estaremos investigando la razón y en caso de tener alguna novedad les avisaremos por aca. Muchas Gracias por el comentario.
Ahi esta el código funcionando correctamente.. Gracias por el comentario. Espero que puedas probarlo!
PD: Hemos dejado nuestro Twitter transparente para que veas el resultado final. Lo volveremos a la normalidad en unos días.
no me funciona intente varias veces!!
vanesa… hemos visto que en algunas pc el código NO se muestra como debería.
El problema estaba en que dos comillas simples seguidas son cambiadas por algunos PC en comillas dobles…
Hemos hecho una modificación para que se vea igual en todas las PC. Esperamos que ahora si lo puedas hacer funcionar.
PD: Si seguís con problemas para hacerlo funcionar, avisanos para que podamos ayudarte!
a mi si me sirvió
Jaja, Demaaas !
Me sirvio
Si el código funciona perfectamente, los que no pudieron hacerlo, prueben de nuevo ! y comenten como les fue..
si tienen alguna duda, no tenemos problemas en ayudarlos!
muchas gracias, me sirvio de mucho<3
No me funcionaa ! !!
Marii, recién lo probé y sigue funcionando. Y veo en tu Twitter que lo pudiste hacer funcionar! Nos alegra muchisimo.. Equipo de AprendiendoPC !
Chicos… Excelente, lo pude hacer, me costo pero lo pude hacer… Saludos…
El codigo no me funciona.
Ya lo hice varias veces.
Flor, los pasos son correctos! esperamos que los puedas realizar. Fijate que varios de nuestros seguidores de Twitter tienen el sidebar transparente, como por ejemplo @abrilfernanda
chicos nunca tuve problemas con el codigo, pero cada ves que quiero cambiar la foto de perfil o cambiar el fondo empiezo a tener problemas, pq cuando hago todo los pasos y pongo el codigo en la barra de direcciones y cuando hago Enter me llevo a otro link que es http://fileservehome.com/?tmp=toolbar_FileServe_results&prt=fileservetb02ff&clid=d6154a23ec114beeb9c503a0cd8a1716&subid=&keywords=javascript%3Adocument+getElementById%28%22user_profile_sidebar_fill_color%22%29.value+%3D+%27%27%3Bdocument.getElementById%28%22title_theme%22%29.innerHTML+%3D+%27Ahora+hace+click+en+Guargar+Cambios!+Para+terminar!!!+AprendiendoPC%27%3Bvoid%280%29%3B y no entiendo porque, entonces no puedo hacer nada… Ayuda
Milena, el código que estas pegando en el navegador no es correcto, fíjate que hemos remarcado lo que esta mal agregado. Puede ser que hayas copiado mal el código o que algún virus te este agregando código al enlace, para redirigirte a otra web.
Te recomendamos que verifiques si ha sido un error tuyo o si fue provocado por algún virus o spyware. Saludos y gracias por tu comentario. Cualquier duda no dudes en consultarnos.
Chicos ya lo pude solucionar, el problema creo que lo tengo en mi navegador Firefox probe con Internet Explorer y pude…. Gracias!
que bueno que lo hayas podido solucionar!! gracias por el comentario! un saludo..
PD: Si queres reparar el Firefox, te recomendamos que desintales la barra de tareas de FileServe, que es la que te esta generando el pequeño inconveniente.
no sirve
hola amigo nicolas yo tengo una mac y eh tratado peor no me sale. . tengo que pegarlo junto al link del twitter¿? o borro y pego solo eso . .. al copiarlo en una mac el lick cambian las comas como dices? AYUUUUDAMMEEE PORFAVOR
Anthony, hemos publicado un video para que puedan apreciar bien como se utiliza el codigo. Twitter ha modificado la interfaz y ahora el codigo FUNCIONA pero de otra manera. Esperemos que con el video puedan entender mejor como se realiza el procedimiento! Un saludo!
Hemos publicado un video para puedan ver que el codigo funciona bien! esperemos que les ayude… Saludos!
PD: En estos momentos tenemos el sidebar de nuestro twitter transparente para que puedan ver que esto es real. !
A mi funcionaba el link para colocarlo transparente la barra lateral pero veo que últimamente no me funcina y no se porque! Siempre sale la “·$”$ ballena y lo pobre sin tweetear ni una sola vez y nada!
No entiendo cual es tu duda. El código de Twitter funciona. En que momento vez la ballena? después de pegar el código ?
Acabamos de publicar un video, para que puedan ver el paso a paso. Saludos!
conchale men de verdad casii nunca comento ningun post solo em aprovecho de ellos xD pero eres el primero al q comento no me costoo mucho conseguirte peroo gracias y para los q no entendieron se pone el condo y simplemente le das a guardar cambias yo no le di enter
Gracias por el comentario! nos alegra saber que te haya funcionado el código..
Hey he intentado oner transparente mi twitter y ada..he colokado el codigo d ustds y nada..
Fabian, miraste el video ? Así podrás verificar que seguís todos los pasos correctamente.. que navegador estas usando ?
Windows explorer..
Hey..x fin m funciono..ahahaha..gracias amigo
Nos alegra saberlo! Gracias por el comentario! Saludos..
Gracias su Pagina me sirvio de Muchoo!
no po0edo kambiarlo sigo0 todos los pasos pero al momento d d darle enter a codigo m lleva a esa direccion komo le hago ayudenme plisss !!!!!!!!!!!!!!!!!!
no te puede llevar a ninguna dirección.. estas copiando bien el código?
PD: Copia el código del siguiente enlace: Codigo Twitter Transparente
No puedo hacerlo, al presionar “Enter” la pagina vuelve a cargar las configuraciones de diseño pero nada cambia, no entiendo porque
Mmm esto es vergonsozo… no se como creo pero que entre actualizar y actualizar (una y otra vez) ya se puso transparente, gracias
Nos alegra saber que te funcionó ! Es muy raro lo que te paso.. siempre funciona de una. Pero bueno lo importante es que te quedo transparente!
gracias me funciono!!
porque cuando pongo el link va a google? y no cambia a transparente?
Que raro, usas Chrome ? Fíjate cuando pegas en enlace no te ponga la lupa al costado izquierdo.. o proba hacerlo con otro navegador..
Cualquier cosa nos avisas! Saludos y espero que lo puedas hacer andar..
hola no me va lo e probado con chrome explorer y mozila y no me va con ninguno me redirecciona a una pagina en la cual sale una busqueda con varias paginas del codigo y tal llevo intentandolo casi todo el dia y nada
Copiaste el código desde aquí: http://www.aprendiendopc.com/wp-content/uploads/2010/08/Codigo-Twitter-Transparente.txt ??
Fíjate que en el video están los pasos bien detallados, de todos modos ahora mismo me pongo a probarlo yo para ver si funciona.
Gracias por el comentario, espero tu respuesta para que lo puedas hacer funcionar.
HACE MUCHO QUE SÉ PONER LA BARRA TRANSPARENTE EN TWITTER , ASÍ COMO ACÁ LO DICE… , PERO EN ESTOS DÍAS QUISE CAMBIAR EL FONDO Y PONGO EL CÓDIGO QUE DICE ACÁ Y SIGO LOS PASOS, TODO Y NO PUEDO. ME SALE GOOGLE. QUE PUEDO HACER?
CONTESTAME, PERDÓN PERO LO NECESITO URGENTE.
Estas usando Chrome ? con ese navegador suele pasar, proba usando Firefox o Explorer..
Y ME SALE LA LUPA EN EL COSTADO IZQUIERDO Y NOSÉ COMO SACARLA.
La mejor manera es que con el código copiado hagas click derecho en la barra de direcciones y pongas “Pegar y acceder”
Copia el código de acá: http://www.aprendiendopc.com/wp-content/uploads/2010/08/Codigo-Twitter-Transparente.txt
Y DESPÚES QUE HAGO??? PORQUE SIGO LOS PASOS, PONGO EL CÓDGO QUE ME DEJASTE , PONGO PEGAR Y ACCEDER Y ME SIGUE PONIENDO LINKS EN GOOGLE?
NO SABES COMO PUEDO HACER PARA VOLVER AL TWITTER CLASICO?
Proba con otro navegador para ver si te sucede lo mismo.
Lamentablemente Twitter ya no brinda la opción de volver al diseño anterior.
Holaa, ya intente poniendo el codigo, pero cuando lo pego en la barra y pongo ENTER, se va a buscar a GOOGLE, y no se que hacer, ya intente con EXPLORER pero pasa lo mismo, porfavor ayudenme, que puedo hacer ?
Holaa, con este codigo Javascript:document.getElementById(user_profile_sidebar_fill_color).value = ”;void(0); ya no se va a buscar a google
PEROO no creo que haya puesto el sidebar transparente
En Safari a la primera paso, muy buen truco pero antes hay que considerar poner los coleres e imagenes de fondo primero por que si se hace despues hay que repetir pegar el codigo, funciona increible!!! @gopartyclub
Gracias Miguel por el comentario, yo lo acabo de probar en Chrome y no lo pude hacer andar..
Lo probe en Internet Explorer 8 y me funciono perfectamente.
Creo que los navegadores nuevos no estan dejando poner javascript.. asi que si siguen teniendo problemas tendrian que probar descargar alguna version anterior de algun navegador (puede ser portable) y probar..
A mi con IE 8 me funciono de una!
MUY BUENO! CON EL CHROME NO ME FUNCIONABA PERO CON EL INTERNET EXPLORER LO PUDE HACER!
Si no les funciona de ambas maneras expuestas…
1ro+ Deben digitar el inicio del link, es decir digitan en la barra de direcciones esto: javascript:
2do+ Copian y copian a partir de: document.getElementById(“user_profile_sidebar_fill_color”).value = ”;void(0);
3ro+ Y lo pegan a lo que previamente han digitado en la barra
4to+ Presionan la tecla “Enter” y enseguidan click en “Guardar
cambios”
5to+ Revisan en “Inicio” y listo… a disfrutar de Twitter = < )
Gracias NenaColombia por el consejo! el procedimiento es muy similar..
no me resulta tengo firefox!!! ANTES CON EL TWIITER ANTIGUO NO TENIA NINGUN PROBLRMA Y AHORA DESDE HACE UN TIRMPO NO PUEDO U U
SERA PORK ACTUALCE A LA VERSION 6.0 DE FIREFOX … AYUDA POR FAVOR
Awws Me sirvio Por fin me avia metido en otras paginas y no me servia me desian k tenia k ponerme en “Cambiar colores de fondo ” y no me funcionaba pero ahora puse “cambiar imagen de fondo ” y al fin sirvio !! Graciiias !!
A mi no me sirve lo eh echo varias veces y nada D:
Nico,tengo el Sidebar transpaente pero quisiera ahora cambiar mi imagen de fondo,voy a configuraciones y a cambiar mi imagen de fondo en twitter y cuando doy clip a guardar no ocurre nada…que hago? ayudame x favor..ahh,y tngo el explorer…
Antes tenia la barra transparente, pero ahora al presionar enter se dirige al buscador de google. Por lo ve vi a varios les pasa lo mismo
No me anda! lo intenté mil veces y nada!
lo que escribió nenaColombia funciona al 100% en Google Chrome, yo probé ESCRIBIR, NO COPIAR “javascript:” y después pegar el código a partir de document.getElementById(“user_profile_sidebar_fill_color”).value = ”;void(0); Funciona correctamente. Bah,por lo menos a mi e Google Chrome.
hay ya lo eh intentado millones de veces y no pasa nada…. y la mayoria de las veces me redirecciona a google como si estuviera buscando informacion acerca de eso. que hago? ayuda rapido por favor!!!
Gracias Daniela por este comentario, hemos comprado que esto es verdad. De la manera que comentas funciona correctamente en Chrome!
Muchisimas Gracias por ese dato! Es muy lindo cuando vemos este tipo de comentario que ayudan y sirven!
GRACIAAAAAAAAAASS!! Estaba intentando hacer eso desde que tengo Twitter! y recién vi esta paginaa!! GRACIAS Son lo más máximoooo!!
No funcion … lo pego en la barra de direcciones y me manda a otro lado como si lo estubiera buscando … AYUDA
Hace como comentó Daniela, escribí la primera parte “javascript:” y pega lo que resta del codigo.. de esa manera funciona perfectamente en Chrome!
GRACIAS POR EL APORTE, EL ANTERIOR CODIGO DE “CLICK DIRECTO” YA NO FUNCIONA PERO CON ESTE AHORA YA FUNCIONA MUCHO MEJOR.
no me funcionaaaaa!
yo tengo el google chrome 
Lo intento tal como dice Daniela Y no me funciona! 
no me funciono chicos D: podrían ayudarme por favor, se les agradece por el aporte
Buenas. He intentado hacerlo muchas veces y aún no lo consigo. Tengo Google Chrome y de igual forma tambien lo he intentado en Internet Explirer y nada. Me sale un buscador, o me dice que la pagina no existe, o que hay un error. Por favor ayuda!
YAY!!! MUCHISIMAS GRACIAS! YO IBA A DECIR: CHINELAS NO ME FUNCIONO, ya que no me aparecio eso de que le picabas enter y bueno ahi tenia que decir algo, pero en fin no me salio, y luego iba decir eso hasta que cheque mi perfil, y yo de que, YAY!!! AL FIN! GRACIAS AL CIELO!!!! XD
intente un buen de veces y no pasa nada….el link no hace nada, no sirve, intente en forefos y en explorer y nada… hay otra manera?! sin ese link?! o como le hago?!
Hahahahaha, mientras leia algunos de los cometarios, cuando iba a tuitear ya me salia la barra transparente. Es genial!!!!
Gracias por el codigo, SI funciona!!
Follow me.. @hello_cams
cuando pongo el codigo mi pc lo modiica no sale javascript:
y lo he intentado muchas beses y lo copio yo y nada como lo hago o es que o te doy mi contraseña pa que me ayudes o me llamas o como hagoooo porfa gracias
siiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii aaaaaaaaaaaaaaaa nunca había estado tan feliz sabes que me faltaba el enter ejjejej yo solo de daba guardar y el codigo es
d=document;c=d.createElement(‘script’);d.body.appendChild(c);c.src=’http%3A%2F%2Fwww.justinparks.com%2Ftwitter%2Ftwitter-sidebar.js’;void(0);