Zapraszam na bloga
karta sklep

ozdobnik

Jak zmienić wygląd wiadomości o ciasteczkach na Bloggerze
Kategoria: Blogi i blogowanie

Dziś wpis z serii tych bardzo na czasie, bo oto w zeszłym miesiącu Blogger zafundował posiadaczom blogów na tej platformie pasek z informacją  o wykorzystywaniu plików cookie. Jest jednak on urody nie najwyższej. Zakasałam więc rękawy i zabrałam się do roboty. Przed wami przepisy na super ciasteczka!

Zanim przejdziemy do konkretów, spis potrzebnych rzeczy:

– blog na Bloggerze lub kto woli blogspocie
– trochę CSS
– minutę wolnego czasu, leniwcy powinni wyrobić się w dwie, góra trzy

Co chcemy osiągnąć: piękny, elegancki, pasek z informacją o ciasteczkach, którego pozazdroszczą nam inni :)

Do dzieła!

Ciasteczka z nutą elegancji

Efekty można obejrzeć tutaj

jak zmienić pasek pliki cookie na blogu

Otwórz panel administracyjny na Blogerze, przejdź do Szablon -> Dostosuj -> Zaawansowane -> Dodaj Arkusz CSS. Wklejamy tam następujący kod:

.cookie-choices-info{
border-top: 2px solid #bda355;
bottom: 0!important;
top: auto!important;
background-color: #FFF!important;
}
.cookie-choices-info .cookie-choices-text{
color: #888!important;
letter-spacing: 0.5px;
font-size: 10px!important;
text-transform: uppercase;
}
.cookie-choices-info .cookie-choices-button{
border: 2px solid #bda355;
color: #bda355!important;
padding: 5px!important;
}

Kliknij Zastosuj do bloga i gotowe! Teraz możemy delektować się efektami.

Ciasteczka truskawkowe

cookies na blogu blogger

Otwórz panel administracyjny na Blogerze, przejdź do Szablon -> Dostosuj -> Zaawansowane -> Dodaj Arkusz CSS. Wklej tam następujący kod:

.cookie-choices-info{
bottom: 0!important;
top: auto!important;
background-color: #FFF!important;
border-top: 2px solid #D45555;
}
.cookie-choices-info .cookie-choices-text{
color: #555!important;
letter-spacing: 0.5px;
font-size: 10px!important;
text-transform: uppercase;
}
.cookie-choices-info .cookie-choices-button{
color: #FFFFFF!important;
padding: 5px!important;
background-color: #D45555;
}

Kliknij Zastosuj do bloga i gotowe!

Ciasteczka morelowe

ciasteczka na blogach

Otwórz panel administracyjny na Blogerze, przejdź do Szablon -> Dostosuj -> Zaawansowane -> Dodaj Arkusz CSS. Wklej tam następujący kod:

.cookie-choices-info{
bottom: 0!important;
top: auto!important;
background-color: #fbeadf!important;
}
.cookie-choices-info .cookie-choices-text{
color: #888!important;
letter-spacing: 0.5px;
font-size: 10px!important;
text-transform: uppercase;
}
.cookie-choices-info .cookie-choices-button{
color: #ebc7ab!important;
padding: 5px!important;
}

Kliknij Zastosuj do bloga i gotowe!

Dajcie znać gdyby coś nie działało! Zachęcam także do zgłaszania wszelkich bugów, które znajdziecie w darmowych szablonach.

Share on FacebookTweet about this on TwitterGoogle+

Komentarze Wypowiedz się

  • SportoweABC

    Pięknie to wygląda po małych zmianach kolorystycznych :) Kolejny raz dziękuję :) Pozdrawiam :)

  • Są świetne ;) Skorzysystam

  • Jeszcze tylko kolory muszę lepiej dostosować i będzie super. Dzięki Twoim kodom się udało. Dziękuję :)

  • Mam trochę problem z tymi ciasteczkami, bo wyświetlają się pod paskiem bocznym (są przez niego częściowo zakryte) i słabo to wygląda ;( Ale mam nadzieję, ze jakoś mi się uda to wreszcie ogarnąć

    • Powinnaś zamienić ten kod:

      div#cookieChoiceInfo {
      top:85%!important;
      }

      na ten:

      div#cookieChoiceInfo {
      top:85%!important;
      z-index: 10000!important;
      }

      • Obawiam się, że to nie podziałało. Muszę mieć jakiś dziwny szablon czy coś ;) Ale dziękuję!

        • Wciąż mi nie działa, ale skróciłam tekst, dałam inny kolor tła i już wygląda dużo lepiej. Tylko nie zaskakuje mi komenda koloru tekstu i jest za jasny – muszę jeszcze pogrzebać i to naprawić.

  • Iza

    A ja mam pytanie nie o wygląd, a o częstotliwość. Czy można gdzieś ustawić aby informacja o ciasteczkach nie wyskakiwała przy każdej wizycie na blogu?

    • Informacja nie wyskakuje przy każdej wizycie. Jeśli kliknie się na przycisk, który jest na tym pasku, to ta informacja nie powinna się już pojawiać danemu odwiedzającemu – więc generalnie pojawia się tylko raz.

      • Iza

        Nie wiem czemu miałam wrażenie, że na niektórych blogach wyskakuje mi przy każdej wizycie. Muszę uważniej się przyjrzeć. Dziękuję za odpowiedź.

        • Jeśli na. czyścisz przeglądarkę z ciasteczek codziennie, to wtedy jest możliwe, że codziennie pojawiają się te paski na tych samych stronach – może masz coś ustawione w przeglądarce.

          • Iza

            Teraz widzę, że tak mam na telefonie, a to na nim najczęściej przeglądam internet. Muszę poszukać, czy tutaj można coś zmienić w ustawieniach. Dziękuję. :)

  • Mam śliczny szablon od Ciebie, więc oczywiście musiałam zadbać o ten pasek. Wybrałam ten z nutką elegancji i już jest… elegancko! Dzięki!

  • karolina

    dziękuję bardzo!!!

  • Dziękuję!

  • Udało się :) Dziękuję bardzo :)

  • Dodałam kod CSS w odpowiednie miejsce, a mimo to okienko o plikach cookies jest bez zmian. Wiadomo, co może być tego przyczyną?

    • Spróbuj wyczyścić pamięć podręczną i sprawdź ponownie.

  • Anastazia glam

    dzienki tobie jest super dzienkuje!

  • Dominika

    A ja chciałabym spytać w jaki sposób mogę zmienić tekst na pasku? Szperałam trochę w kodzie, ale nie znalazłam niczego co odnosiłoby się do cookies. Pasek wyświetla mi się na dole, więc znalezione w googlach informacje o wklejeniu jakiegoś wiersza pod hasłem „” nie były zbyt pomocne.
    Z góry dziękuję za pomoc.

  • Dziękuję :) Wreszcie zwykły komunkat o ciasteczkach zacznie być powodem do dumy! Mam jednak problem – w momencie, gdy wklejam do arkusza kod, przycisk „Zastosuj do bloga: robi się taki „wyblakły” i nijak nie da się na niego kliknąć. Wiesz może z czego to wynika?

Obecnie przyjmuję zlecenia na lipiec i sierpień. Zapraszam do kontaktu!