Home > Tips & Trik > Membuat Background/Layout Sidebar Twitter Menjadi Transparan

Membuat Background/Layout Sidebar Twitter Menjadi Transparan

Jul 26, 2011 by Under Tips & Trik - 74 Comments  

Sesuai dengan permintaan pengunjung, kali ini kami akan mecoba memberikan tutorial bagaimana cara membuatkan tutorial bagaimana cara membuat background sidebar pada Twitter menjadi transparan. Ingat, hanya background dari sidebar, bukan background keseluruhan dari Twitter.

Membuat Background/Layout Sidebar Twitter Menjadi Transparan Image

Berikut ini cara mudah untuk membuat background/layout dari sidebar twitter menjadi transparan:

  • Siapkan kopi hangat, cemilan, hidangan kecil atau apa saja yang bisa membuat anda nyaman di depan komputer/notebook. Kalau boleh, anda bisa sedikit berbagi dengan mengirimkan “paket cemilan/hidangan kecil” ke tempat kami.
  • Buka website twitter dan login ke account anda.
  • Buka tab Design pada menu bagian atas.
  • Check dan pastikan URL pada bagian atas adalah https://twitter.com/settings/design (Ingat huruf S setelah huruf http) dan pastikan browser anda mengindikasikan kalau sedang login tipe account SSL. Lebih jelasnya lihat gambar di bawah ini.
    Membuat Background/Layout Sidebar Twitter Menjadi Transparan Image
  • Setelah itu, copy code berikut ini “javascript:document.getElementById(“user_profile_sidebar_fill_color”).value = ”;document.getElementById(“title_theme”).innerHTML = ‘Click The Save Changes Button At Bottom To Finish!!’;void(0);” (Tanpa tanda petik dan tanpa berganti baris).
    Membuat Background/Layout Sidebar Twitter Menjadi Transparan Image
  • Hapus URL pada address bar dari design dan paste kode yang baru saja anda copy. Tekan tombol enter sekali.
  • Lanjutkan dengan klick tombol Save Changes.
  • Coba buka account profile dari Twitter anda.

Sekarang background dari sidebar pada twitter anda menjadi transparan. Jika ingin melihat contoh penggunaan trik ini, kunjungi http://twitter.com/fikrionline (26 Juli 2011) dan lihat pada bagian sidebar.

FAQ

Q) Saya sudah mencoba menggunakan trik ini, kenapa belum berhasil?
A) Coba sekali lagi dan PASTIKAN tidak ada yang terlewati, terutama huruf S pada https, kode javascript dan tombol enter yang harus ditekan hanya sekali.

Coba check kode ini sekali lagi, tanpa ganti baris:

javascript:document.getElementById("user_profile_sidebar_fill_color").value = '';document.getElementById("title_theme").innerHTML = 'Click The Save Changes Button At Bottom To Finish!!';void(0);

Q) Kenapa masih tidak bisa juga?
A) Lakukan berkali kali sampai berhasil dan seperti yang kami bilang, jangan sampai ada yang terlewat. Kalau perlu, logout dari account twitter anda, clear history dan cookies pada web browser dan ulangi sekali lagi.

Q) Saya  sudah capek dan masih belum bisa? Apa yang salah?
A) Matikan komputer/notebook anda, istirahat dan cobalah lagi ketika anda memiliki waktu luang yang lebih banyak.

Selamat mencoba dan semoga berhasil.

Tags: ,

  1. arief ramadhan
    Aug 19, 2011

    2. parah. stres nih nggak bisa bisa om -_-

  2. Fikri
    Aug 19, 2011

    3. @arief ramadhan: Dicoba lagi saja, sampai berhasil. Semoga beruntung.

  3. Lady Emge
    Aug 19, 2011

    4. harus pake browser Mozilla

  4. m. firanda
    Aug 21, 2011

    5. kalo mau balikin jadi seperti semula gimana ?

  5. yesafat
    Aug 22, 2011

    6. bukan tidak bisa …tapi kodenya yang bermasalah ,kalau mau kunjungi note di fb saya !!

  6. Fikri
    Aug 22, 2011

    7. @firanda: Tinggal setting seperti awal saja, pilih default pada bagian background. Semoga berhasil.

  7. lala love song
    Aug 26, 2011

    8. tapi kayaknya skrg emang udh ga bisa deh :/
    dulu saya make twiiter transparent terus, skrg mendadak ga bisa . semua cara udh di pake . tapi ga bisa .
    skrg kalo nge-Paste java script nya pas di enter malah masuk ke yahoo search gitu .
    kenapa yah ?

  8. bayu
    Aug 26, 2011

    9. gabisa-_- pas di paste. trus enter. link nya malah berubah ke link design. balik balik trus. pas di enter

  9. Fikri
    Aug 26, 2011

    10. @lala-love: Punya saya kok tidak ada masalah ya? Coba ke sini http://twitter.com/fikrionline

    Coba lagi dan semoga berhasil.

  10. Iki
    Sep 8, 2011

    11. Yang :javascript:document.getElementById(“user_profile_sidebar_fill_color”).value = ”;document.getElementById(“title_theme”).innerHTML = ‘Click The Save Changes Button At Bottom To Finish!!’;void(0);

    Read more: http://blog.fastncheap.com/background-layout-sidebar-twitter-transparan/#ixzz1XND4pNmB
    PERTAMANYA PAKE : http:// ato enggak pake

  11. Fikri
    Sep 9, 2011

    12. @Iki: Tidak usah pakai, hapus URL dan ganti dengan kode tersebut. Dan ingat, kode tersebut hanya satu baris. Semoga berhasil.

  12. Sam
    Sep 21, 2011

    13. Ko masih ga bisa yh. Jangan-jangan salah tips nya kali gan

  13. Fikri
    Sep 21, 2011

    14. @Sam: Sebelum membuat trik ini saya sudah mencobanya sendiri dan berjalan normal. Coba lihat di sini http://twitter.com/fikrionline (09-21-2011) sebagai contohnya. Selamat mencoba lagi dan semoga berhasil.

  14. dina
    Sep 30, 2011

    15. bo’ong ni…

  15. Fikri
    Oct 3, 2011

    16. @dina: Coba ke sini http://twitter.com/fikrionline (03 Oct 2011), tunggu sampai semua gambar dan background diload dengan sempurnya. Di situ anda akan melihat background pada sidebar menjadi transparan.

    Silahkan mencoba lagi dan terima kasih banyak telah berkunjung ke FastNCheap Blog.

  16. Nia
    Oct 21, 2011

    17. om tetep gak bisa :”(

  17. Nia
    Oct 21, 2011

    18. do’akan aku ya om supaya bisa :)
    pokonya hari ini harus bisa :)
    amin :)

  18. Fikri
    Oct 25, 2011

    19. @Nia: Silahkan anda coba lagi, sampai berhasil. Terima kasih banyak telah berkunjung ke FastNCheap Blog.

  19. dianny
    Nov 4, 2011

    20. gimana nih gak bisa, waktu pertama kali bisa, tp aku mw ganti backgraund nya jd gak bisa lgi -__-

  20. Fikri
    Nov 4, 2011

    21. @dianny: Waduh, kalau untuk ke dua kalinya saya juga belum pernah sebab semenjak saya menggunakan trik ini saya belum pernah merubah background-nya. Silahkan anda coba lagi sampai berhasil. Mohon maaf belum bisa banyak membantu.

    Terima kasih banyak telah berkunjung ke FastNCheap Blog.

  21. febby
    Nov 13, 2011

    22. gimana sih dari tadi ga bisa mulu-_-bantuin bikin dari dulu udah coba tapi ga bisa terus!!

  22. jessica
    Nov 13, 2011

    23. keknya skrg udah gk bs dibkin transparan dech…

  23. Fikri
    Nov 13, 2011

    24. @febby: Silahkan anda coba sendiri sampai berhasil. Terima kasih banyak telah berkunjung ke FastNCheap Blog.

  24. Fikri
    Nov 13, 2011

    25. @jessica: Terima kasih banyak telah berkunjung ke FastnCheap Blog.

  25. iyos
    Nov 15, 2011

    26. saya udah bisa tapi pas udah disave malah gajalan jadi ga loading diem aja

  26. @edysutyawan
    Nov 21, 2011

    27. ingin menjadi transparan]

  27. abas abie
    Nov 23, 2011

    28. beneran berhasil tauu…..Disarankan menggunakan browser MOZILLA FIREFOX 3.5

  28. Fikri
    Nov 23, 2011

    29. @abas abie: Wah, ada yang berhasil ya? Selamat buat anda. Buat yang belum berhasil, silahkan anda mencobanya kembali sampai berhasil.

  29. Engku Mutiara Suci
    Nov 23, 2011

    30. yatuhaaaaaaaaan, masih gabisaa!! dulu gue bisa, terus gue ganti backgo skrg, eh malah ga bisa. gue udah nyoba semua perintah lo.

  30. Fikri
    Nov 23, 2011

    31. @Engku: Silahkan anda cobal lagi sampai berhasil.

  31. Engku Mutiara Suci
    Nov 23, 2011

    32. gabisaaaa, tuhaan -_- ini udah berapa kali coba -_- udah gue restart loh. delete history, and finaly… hufff no one changes -_-

  32. Fikri
    Nov 24, 2011

    33. @Engku: Tetap semangat untuk mencoba, mungkin cari referensi lain lebih bagus sebab untuk saya sendiri cara ini sudah berfungsi dengan maksimal.

  33. adinda tiaranni Hryono
    Dec 12, 2011

    34. nggak bisaaa , udah berkali2 nyoba,sampe pusing sendiri :(

  34. Fikri
    Dec 13, 2011

    35. @adinda: Coba istrirahat dulu, terus coba lagi minimal tiga hari kemudian, barangkali menemukan inspirasi. Terima kasih banyak telah berkunjung ke FastNCheap Blog.

  35. zoldix
    Dec 17, 2011

    36. waktu pertama w punya langsung bisa jadi transparan tapi pas ganti backgrnd jadi kembali ke semula lagi pas di coba lagi gabsa” :(

  36. potterheads
    Dec 17, 2011

    37. sayang udh pernah ganti bisa tapi jadi ga transparant lagi pas saya mau jadiin transparant ga bisa , pas tekan enter langsung ke halaman lain

  37. Fikri
    Dec 19, 2011

    38. @zoldix: Silahakan anda coba lagi sampai berhasil. Kalau perlu, bolah ambil resource lain di internet. Tetap SEMANGAT dan semoga berhasil.

    Terima kasih banyak telah berkunjung ke FastNCheap Blog.

  38. Fikri
    Dec 19, 2011

    39. @potterheads: Silahkan anda coba lagi sampai berhasil. Terima kasih banyak telah berkunjung ke fastNcheap Blog.

  39. Nurfitri Fara Dilla
    Dec 20, 2011

    40. hahh-_- udah dari tadi di coba gabisa mulu :”(

  40. Fikri
    Dec 20, 2011

    41. @Nurfitri Fara Dilla: Silahkan anda coba lagi sampai berhasil. Tetap SEMANGAT!

  41. kaka rizki
    Dec 21, 2011

    42. Reply @abasabie : beneran berhasil tauu…..Disarankan menggunakan browser MOZILLA FIREFOX 3.5

    gimana kalo ane nih udh pake yg versi 9.0 gmn nihhh .. apaada cara laen ..

  42. Fikri
    Dec 21, 2011

    43. @kaka rizki: Ya Firefox di uninstall dulu, kemudian diinstall lagi dengan Firefox versi lama. Semoga bisa membantu dan terima kasih banyak telah berkunjung ke FastNCheap Blog.

  43. venezia
    Dec 22, 2011

    44. om kan abis si masukin linknya trus itu di enter dulu apa langsung di simpan perubahan?

  44. Zulfhaa_
    Dec 22, 2011

    45. kakfikri ,, maksudnya pake internet explorer dulu gitu ?

  45. Fikri
    Dec 23, 2011

    46. @venezia: Ditekan tombol enter dulu, baru di simpan. Semoga berhasil.

  46. Fikri
    Dec 23, 2011

    47. @Zulfhaa_: Maksudnya internet explorer bagaimana ya?

  47. Aufa
    Dec 28, 2011

    48. nggak bisa2 nih, pas di paste, malah nyambungnya ke google .-.

  48. Fikri
    Dec 29, 2011

    49. @Aufa; Silahkan anda coba lagi sampai berhasil.

  49. Fahriza
    Dec 29, 2011

    50. Ya ampuuun~ Sumpah bener* bikin stress garagara gak mau berubah sidebarnya :’(

  50. Fikri
    Dec 30, 2011

    51. @Fahriza: Silahkan anda coba lagi sampai berhasil. Semkain stress, semakin banyak ilmu yang masuk dan semakin menambah mindset kita untuk terus mencari solusi dan menemukan cara terbaik untuk semua (Bukan hanya untuk kasus sidebar Twitter saja).

    Semoga berhasil.

  51. thirrany
    Dec 30, 2011

    52. kok gak bisa kk
    bantu’in donk

  52. thirrany
    Dec 30, 2011

    53. akhir nya bisa juga
    makasih saran nya :D

  53. Fikri
    Dec 31, 2011

    54. @thirrany: Silahkan anda coba lagi, tetap SEMANGAT dan semoga berhasil.

    Sudah berhasil ya? Selamat buat anda. Untuk yang lain, tetaplah mencoba sampai berhasil.

  54. karen
    Jan 3, 2012

    55. aaaaa gabisa-_-

  55. karen
    Jan 3, 2012

    56. alamaaaa ga bisaaa-_- udahh pake mozilla firefox 3.5 masi gabisa…. pas di enter malah kaya nyari di google gituuh :(

  56. Fikri
    Jan 4, 2012

    57. @karen: Silahkan anda coba lagi sampai berhasil. tetap SEMANGAT!!

  57. RA
    Jan 4, 2012

    58. ga bisa nih dari tadi -____-

  58. Febry
    Jan 4, 2012

    59. Dari Tadi Ngeliat Coment* Mereka Katanya Ga’ Ada Yg Berhasil :( !

    Coba Abang Fikri Tes Di Coconut Twitter Yg Laen nya abang Fikri, Coba Bikti’in Bisa Ga’ ?

    Klo Gaa’ Bisa Yh Harus Gi Mana Lagi Mukking Kode nya Udah Basi :( !

    Dari Tadi Juga Saya Coba Ga’ Bisa – Bisa ?

  59. Fikri
    Jan 5, 2012

    60. @RA: Silahkan anda coba lagi sampai berhasil. Terima kasih banyak telah berkunjung ke FastNCheap Blog.

  60. agung
    Jan 6, 2012

    61. OKEEEE SIIIPPPPP BANGETTTT

  61. Fikri
    Jan 7, 2012

    62. @agung: Terima kasih banyak telah berkunjung ke FastNCheap Blog.

  62. andre
    Jan 16, 2012

    63. om, yg gua copas niy dh bener lum??
    javascript:document.getElementById(“user_profile_sidebar_fill_color”).value = ”;document.getElementById(“title_theme”).innerHTML = ‘Click The Save Changes Button At Bottom To Finish!!’;void(0);

    Read more: http://blog.fastncheap.com/background-layout-sidebar-twitter-transparan/#ixzz1jd9QDIRN

  63. yuki a.k.a zombie
    Jan 17, 2012

    64. kalo trick buat transp. ini canggih ya harusnya udah bisa kompatible sama mozilla terupdate dong ?
    kenapa harus kudu pake mozilla 3.5 ? -_- jadul sekali -_-
    apa jangan jangan trick ini sudah jadul dan usang serta tidak banyak diminati ?
    jadinya banyak yang gagal , mencoba terus tetap tidak bisa ?
    mending bikin trik yang bener bener fix aja dan sudah teruji untuk browser terupdate serta canggih dan terbaru nggak kampungan seperti ini .
    tapi usaha bagus deh dari mas Fikri sudah menulis ini , saya hargai banget deh :) makasih bang Fikri :)
    #meskipunsayajugatidakbisamendapathasilnya

    sukses selalu buat semuanya

  64. ghufron
    Jan 22, 2012

    65. kok gak bisa ?

  65. khartikads
    Jan 24, 2012

    66. sumpah gak bisa juga #gondokmampus

  66. ghufron
    Jan 28, 2012

    67. ka udah behasil tipsnya boleh aku tulis di blog aku gak?

  67. ghufron
    Jan 28, 2012

    68. bagi yang belum bisa disarankan menggunakan mozilla firefox 3.5

  68. yola
    Jan 29, 2012

    69. DEMIIIIIII SUMPAH GABISA-BISA GUE malah lari ke google search pas di enter TT_TT

  69. RA
    Jan 29, 2012

    70. ga pernah bisaa padahal udah nyoba berkali-kali :”(

  70. adi
    Feb 1, 2012

    71. browsing’a pake mozilla firefox

  71. Lala
    Feb 17, 2012

    72. tampilan twitter skrng berubah..trik ini tetep berlaku ga ya?

  72. POLES MARMER MURAH
    Feb 23, 2012

    73. terima kasih untuk informasinya….

  73. junaidi
    Feb 26, 2012

    74. saya sudah mencoba berapa kali di hari yang berbeda tetap tidak berhasil. walau pakai enternet explorer/crome/mozila jadi gimana tuh

  74. marsellius
    Mar 24, 2012

    75. suli banget sihhhhhhhh… :(

(Required)

CAPTCHA Image
*