Zmiana koloru górnego paska na Facebook'u

W tym poradniku przedstawię ci jak za darmo zmienić kolor górnego paska na Facebook'u.
Wiele stron internetowych i strony na Facebook'u proponują coś takiego za pomocą stron, napisania komentarza czy kliknięcia guzika Like.
Niestety, te metody nie działają.

Metoda którą ja Ci pokaże działa na pewno na przeglądarkach Firefox i Chrome.
Wraz z tymi przeglądarkami musimy mieć rozszerzenie o nazwie Stylish. Ten dodatek jest bardzo przydatny nie tylko przy zmianie koloru FB. Pobierzesz ze strony userstyles.org

Instalacja

Instalacja jest bardzo prosta. Jeśli masz Firefox'a, pobierasz dodatek ze strony https://addons.mozilla.org/en-US/firefox/addon/stylish/?src=external-userstyleshome . Jeśli Chrome - https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe . Klikamy instaluj, potwierdzamy. Gotowe!

Tworzenie szablonu dla Facebook'a

Jak możesz zauważyć, w prawym górnym rogu pojawił się guzik z literą S [1]. Kliknij na niego i wybierz na samym dole "Manage installed styles." [2]. W oknie które ci się pojawi, po lewej kliknij na przycisk "Write new style." [3].

Teraz do pola tekstowego [7] po prawej wpisz:

#blueBar {
  background-color: KOLOR !important;
  background-image: none !important;
}

W miejsce KOLOR napisz kolor po angielsku lub kod HEX (np. #AABBCC). Można wygenerować taki kod HEX na stronach np. profilki.pl lub tu: http://www.w3schools.com/tags/ref_colorpicker.asp

Dodawanie stylu do Stylish

Teraz po wklejeniu kodu po lewej stronie na górze piszemy tytuł naszego szablonu np. "kolorowy facebook" [0].
Pod kodem szukamy guziku "Specify" [1] i na niego klikamy. Teraz z menu [2] które się pojawiło wybieramy "URLs starting with" [3] i na polu obok piszemy adres Facebook'a, czyli "https://www.facebook.com" [4].

Uwaga użytkownicy Firefox'a!
Tam gdzie jest nasz tytuł klikamy na guzik "To Mozilla format" [5]. Pojawi się nowa karta z tekstem. Kopiujemy ten tekst i wklejamy go tam, gdzie jest kod.

Ostatnim krokiem jest kliknięcie po lewej przycisku "Save" [6]. Gotowe! Nasz szablon powinien działać. ;)