Jak usunąć lub zmienić tekst i wygląd paska informującego o cookies w bloggerze?

Z samego rana blogger zafundował nam niespodziankę i na każdym blogu, u góry strony pojawił się pasek informujący o przechowywaniu cookies. Obowiązek informowania czytelników o przechowywaniu ciasteczek nie jest niczym nowym. Do tej pory większość blogerów korzystających z blogspota we własnym zakresie dodawało gadżety, które wyświetlały takie powiadomienia. Teraz teoretycznie platforma poszła nam na rękę - nie musisz się niczym martwić. Niestety niektórych uszczęśliwiono na siłę i od rana dostaję wiadomości z pytaniem jak to usunąć?

Jeśli szukacie najnowszych informacji to zapraszam na bardziej aktualne posty:
↪ RODO na bloggerze? {Jak zmienić treść okienka cookies i dodać link do polityki prywatności?}
↪ Jak dodać okienko z informacją o cookies na bloggerze?

Pomyślałam, że zamiast odpisywać pojedynczym osobom, odpowiedź zamieszczę na blogu - pewnie więcej osób szuka dzisiaj informacji na ten temat. Przygotowałam krótki poradnik - jak usunąć pasek informujący o cookies? Jak go lekko zmodyfikować, by bardziej pasował do naszej strony? I jak zmienić tekst informujący o ciasteczkach?

Jak usunąć powiadomienie o cookies?

Najpierw zastanów się czy na pewno warto. Pamiętaj, że na Twojej stronie takie powiadomienie pojawić się MUSI. 

Zgodnie z prawem europejskim wydawcy treści cyfrowych muszą informować o wykorzystaniu plików cookie i innych form pamięci lokalnej użytkowników odwiedzających ich witryny i aplikacje. W wielu przypadkach przepisy wymagają uzyskania zgody użytkownika.

źródło: http://www.cookiechoices.org/

Jak jednak wspomniałam na początku, niektóre blogerki (blogerzy) dodali już wcześniej gadżet informujący o cookies, więc kolejny jest im całkowicie zbędny. Jak więc usunąć obecny bez grzebania w kodzie? Wystarczy wejść w Projektanta Szablonów - Zaawansowane - Dodaj Arkusz CSS i dodać kod ukrywający gadżet:

div#cookieChoiceInfo {

display:none!important;

}

Jak edytować powiadomienie o cookies?

Może jednak być tak, że ten nowy gadżecik spadł ci z nieba, choć niekoniecznie współgra z Twoim szablonem. W oryginalnej wersji pasek informacyjny wygląda tak jak poniżej. 

Dokładnie w tym samym miejscu, o którym wspominałam powyżej, czyli arkuszu CSS, możesz dodać kilka kodów, które zmienią wygląd tego paseczka. Kilka modyfikacji które możesz wprowadzić:

div#cookieChoiceInfo {  - selektor paska informacyjnego

background-color: #fff !important; - kolor tła

color:#000!important; - kolor fonta

font-size:14px;  - rozmiar czcionki

font-family:sans-serif;  - rodzaj czcionki

border-bottom:1px solid #ddd; - podkreślenie

}

 #cookieChoiceInfo a{ - selektor linka "dowiedz się więcej"
    background-color:#555!important; - kolor tła
    font-size:12px; - rozmiar czcionki
    border-radius:6px;  - zaokrąglenie boków
    color:#585858;  - kolor czcionki
}

#cookieChoiceInfo > a:nth-child(2),a#cookieChoiceDismiss {  - selektor przycisku "Rozumiem"

color:#fff;  - kolor czcionki

border-radius:6px;  - zaokrąglenie boków

font-family:sans-serif; - rodzaj czcionki

font-size:14px;  - rozmiar czcionki

font-weight:bold;  - grubość czcionki

}

#cookieChoiceInfo > a:nth-child(2):hover, a#cookieChoiceDismiss:hover { - selektor przycisku "Rozumiem po najechaniu myszką

color:#ddd!important; - kolor tekstu

}

PRZYKŁADOWY GOTOWY KOD:

div#cookieChoiceInfo {

background-color: #fff !important;

color:#000!important;

font-size:14px;

font-family:sans-serif;

border-bottom:1px solid #ddd;

}

#cookieChoiceInfo > a:nth-child(2),a#cookieChoiceDismiss {

color:#fff;

font-family:sans-serif;

font-size:14px;

font-weight:bold;}

#cookieChoiceInfo > a:nth-child(2):hover, a#cookieChoiceDismiss:hover {

color:#fff!important;

}

EFEKT:

Jak przesunąć powiadomienie o cookies?

Może też być tak, że wygląd gadżetu Ci odpowiada. Mnie na przykład się podoba, ale z kolei jego położenie już mniej. Oryginalnie pasek przypięty jest u góry strony. Problem w tym, że skutecznie zakrywa mi górne menu. Co zrobić by zablokować je u dołu?

Po raz kolejny dodajemy kod w arkuszu CSS:

div#cookieChoiceInfo {

top:auto;
bottom:0;

}

Jak zmienić tekst informacji o ciasteczkach?

Automatycznie na pasku pojawia się formułka "Na tej stronie używamy plików coockie Google, by móc świadczyć Ci usługi, personalizować reklamy i  analizować ruch. Informacje o tym, jak korzystasz z tej strony, są udostępniane Google. Korzystając z niej, zgadzasz się na to." Zaletą automatycznego tekstu jest fakt, że w zależności od ustawień wyświetla nam się tłumaczenie na język, którego używamy. Jeśli jednak masz ochotę możesz ten tekst zmodyfikować. W tym celu musisz jednak wejść w szablon bloga (Panel Bloga - Szablon - Edytuj kod HTML). Pamiętam by najpierw zrobić kopię zapasową, zwłaszcza jeśli nie za bardzo znasz się na HTML.Wyszukaj (cltr+f) frazę </head> i tuż przed nią wklej ten kod, zastępując pogrubienia własnym tekstem:

<script type='text/javascript'> cookieOptions = {msg: "TEKST.", close: "OK", learn: "WIĘCEJ INFO"}; </script>

Mam nadzieję, że ta krótka instrukcja Ci pomogła. Jeśli tak, miło mi będzie jeśli udostępnisz ją dalej i pomożesz innym :) Jeśli czegoś nie rozumiesz - śmiało pytaj!