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ąć?

Jak usunąć lub zmienić tekst i wygląd paska informującego o cookies w 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.
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!

Serdecznie dziękuję za wszystkie komentarze - to one najbardziej motywują mnie do pisania.
Jeśli dołączyłaś do obserwatorów daj mi o tym znać, z chęcią odwiedzę Twojego bloga ❤

Brak komentarzy:

Prześlij komentarz

Jestem wdzięczna za każdy pozostawiony komentarz - to niezwykle motywuje do dalszego pisania!

Zobacz najnowsze posty

ulubione sklepy

ZNIŻKI DLA CIEBIE: -10% do Tołpa: 48CQ7SYP

Piękny dom