Hacer el sidebar de Twitter transparente

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í:

 

Lee también:  8 trucos para optimizar tu Android (parte 2)

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:


78 comentarios

  1. MDS dice:

    hola chicos no funcio el codigo?? hay otra manera , lo he hecho 10 veces.. repondame please

  2. MDS dice:

    no funciono el codigo como hago??

    • Marcelo Menchi dice:

      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.

    • Nicolas dice:

      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.

  3. vanesa dice:

    no me funciona intente varias veces!! 🙁

  4. Nicolas dice:


    vanesa:

    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!

  5. MundoDeRap dice:

    a mi si me sirvió

  6. aguus dice:

    Jaja, Demaaas !
    Me sirvio 🙂

  7. Nicolas dice:

    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! 😀

  8. viviana dice:

    muchas gracias, me sirvio de mucho<3

  9. Marii dice:

    No me funcionaa ! !! 🙁

  10. Milena dice:

    Chicos… Excelente, lo pude hacer, me costo pero lo pude hacer… Saludos…

  11. Flor dice:

    El codigo no me funciona. 🙁 Ya lo hice varias veces.

    • Nicolas dice:

      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

  12. Milena dice:

    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

  13. Milena dice:


    Nicolas:


    Milena:

    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 <a href=“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” rel=”nofollow”>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!

    • Nicolas dice:

      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.

  14. jose dice:

    no sirve

  15. anthony dice:

    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

    • Nicolas dice:

      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!

  16. Nicolas dice:


    jose:

    no sirve

    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. !

  17. Anne dice:

    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! 🙁

  18. Nicolas dice:


    Anne:

    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!

  19. MarlonHz dice:

    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 😀

  20. Nicolas dice:


    MarlonHz:

    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 :D

    Gracias por el comentario! nos alegra saber que te haya funcionado el código..

  21. Fabian dice:

    Hey he intentado oner transparente mi twitter y ada..he colokado el codigo d ustds y nada..

  22. Fabian dice:

    Windows explorer..

  23. Fabian dice:

    Hey..x fin m funciono..ahahaha..gracias amigo

  24. Nicolas dice:


    Fabian:

    Hey..x fin m funciono..ahahaha..gracias amigo

    Nos alegra saberlo! Gracias por el comentario! Saludos..

  25. Emii dice:

    Gracias su Pagina me sirvio de Muchoo! 😀

  26. karenciitha dice:

    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 !!!!!!!!!!!!!!!!!!

  27. WeIsGa dice:

    No puedo hacerlo, al presionar «Enter» la pagina vuelve a cargar las configuraciones de diseño pero nada cambia, no entiendo porque 🙁

  28. WeIsGa dice:

    Mmm esto es vergonsozo… no se como creo pero que entre actualizar y actualizar (una y otra vez) ya se puso transparente, gracias 😀

    • Nico dice:

      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! 😀

  29. BoNe dice:

    gracias me funciono!!

  30. niky dice:

    porque cuando pongo el link va a google? y no cambia a transparente? 🙁

    • Nico dice:

      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..

  31. sevein dice:

    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

  32. AGUSTINA dice:

    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?

  33. AGUSTINA dice:

    CONTESTAME, PERDÓN PERO LO NECESITO URGENTE.

  34. AGUSTINA dice:

    Y ME SALE LA LUPA EN EL COSTADO IZQUIERDO Y NOSÉ COMO SACARLA.

  35. AGUSTINA dice:

    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?

  36. Denisse dice:

    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 ?

  37. Denisse dice:

    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 🙁

  38. Miguel dice:

    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

  39. Nico dice:

    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! 😀

  40. Mercedes dice:

    MUY BUENO! CON EL CHROME NO ME FUNCIONABA PERO CON EL INTERNET EXPLORER LO PUDE HACER!

  41. NenaColombia dice:

    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 = < )

    • Nico dice:

      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..

  42. Sandra Avendaño dice:

    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

  43. Yosi Biebs dice:

    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 !! 😀

  44. Gustavo dice:

    A mi no me sirve lo eh echo varias veces y nada D:

  45. Fabian dice:

    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…

  46. Emilia dice:

    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

  47. Erick dice:

    No me anda! lo intenté mil veces y nada! 🙁

  48. Daniela dice:

    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.

    • Nico dice:

      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!

  49. 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!!!

  50. Nicole dice:

    GRACIAAAAAAAAAASS!! Estaba intentando hacer eso desde que tengo Twitter! y recién vi esta paginaa!! GRACIAS Son lo más máximoooo!! 😀

  51. Jess dice:

    No funcion … lo pego en la barra de direcciones y me manda a otro lado como si lo estubiera buscando … AYUDA

    • Nico dice:

      Hace como comentó Daniela, escribí la primera parte “javascript:” y pega lo que resta del codigo.. de esa manera funciona perfectamente en Chrome! 😀

  52. Rizumu_Team dice:

    GRACIAS POR EL APORTE, EL ANTERIOR CODIGO DE «CLICK DIRECTO» YA NO FUNCIONA PERO CON ESTE AHORA YA FUNCIONA MUCHO MEJOR.

  53. Belen! dice:

    no me funcionaaaaa! 🙁 yo tengo el google chrome 🙁 Lo intento tal como dice Daniela Y no me funciona! 🙁

  54. javiera dice:

    no me funciono chicos D: podrían ayudarme por favor, se les agradece por el aporte 🙂

  55. Katalina dice:

    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!

  56. summer dice:

    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

  57. Jacky dice:

    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?!

  58. Camila Adams dice:

    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

  59. nana dice:

    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

  60. nana dice:

    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);

contador gratis