Dzień dobry! Kilka dni temu Blogspot poczęstował nas powiadomieniem o ciasteczkach. Na każdym blogu pojawiła się informacja o ich przechowywaniu. Dla wielu z Was (również dla mnie) nie było to na rękę, jednak po głębszym zastanowieniu zaczęłam się zgłębiać w jej edycję, bo po prostu nie pasowała do mojego szablonu. W dzisiejszym poście pokażę Wam edycję tego paska w kilku krokach, zapraszam!
Posiadanie informacji o przechowywaniu ciasteczek na stronie jest obowiązkowa, dlatego jeszcze przed tym wydarzeniem wiele z Was na pewno miało już taką na swoich blogach, a Blogspot ułatwił to całej reszcie, która takowej nie miała.
JAK USUNĄĆ POWIADOMIENIE O COOKIES?
Najpierw pytanie czy tego chcesz. Jeśli masz już takie powiadomienie u siebie, poniższy krok jest dla Ciebie, jeśli jednak ta informacja dopiero się tu pojawiła polecam przejście do następnego punktu.
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. - www.cookiechoices.org
Jeśli chcesz usunąć taką informację zrobisz to za pomocą krótkiego kodu CSS. Wystarczy wejść w Projektant szablonów - Zaawansowane - Dodaj arkusz CSS.
div#cookieChoiceInfo {
display : none !important;}
JAK EDYTOWAĆ POWIADOMIENIE O COOKIES?
Standardowe powiadomienie wygląda mniej więcej tak, co nie zawsze pasuje do jasnych layout'ów. W gruncie rzeczy edycja paska jest dosyć prosta, jednak trzeba się nad nią skupić. Jeśli Twoje powiadomienie już zaakceptowałaś/eś i nie pojawia się nadal to spróbuj zrobić to w trybie incognito!
Selektor paska informacyjnego
div#cookieChoiceInfo {
background-color : #fff !important; -Kolor tła paska
color : #000!important; -Kolor fonta
font-size : 14px; -Rozmiar fonta
font-family : sans-serif; -Rodzaj fonta
}
Selektor przycisku "Dowiedz się więcej"
#cookieChoiceInfo a{
background-color : #555 !important; -Kolor tła przycisku
font-size : 12px; -Rozmiar fonta
color : #585858; -Kolor fonta
font-weight : normal; -Grubość fonta
border-radius : 6px; -Zaokrąglenie rogów
}
Selektor przycisku "Rozumiem"
#cookieChoiceInfo > a:nth-child(2), a#cookieChoiceDismiss {
background-color : #555 !important; -Kolor tła przycisku
color : #fff; -Kolor fonta
font-family : sans-serif; -Rodzaj fonta
font-size : 14px; -Rozmiar fonta
font-weight : normal; -Grubość fonta
border-radius : 6px; -Zaokrąglenie rogów
}
Wyróżnione fragmenty możesz dowolnie zmieniać. Czcionki wybieraj z listy Blogspota. Pamiętaj, żeby dwuczłonowe nazwy oddzielać pauzą, bez spacji.
PRZYKŁADOWY KOD
div#cookieChoiceInfo {
background-color : #fff !important;
color : #000!important;
font-size : 14px;
font-family : sans-serif;
border-bottom : 1px solid #ddd;
font-weight : normal;
border-radius : 0px;
}
#cookieChoiceInfo > a : nth-child(2),a#cookieChoiceDismiss {
color : #fff;
font-family : sans-serif;
font-size : 14px;
font-weight : normal;
border-radius : 0px;
}
#cookieChoiceInfo > a : nth-child(2) : hover, a#cookieChoiceDismiss : hover {
color : #fff !important;
font-weight : normal;
border-radius : 0px;
}
#cookieChoiceInfo a{
background-color : #262626 !important;
color : #fff !important;
font-size : 14px;
font-family : sans-serif;
border-bottom : 1px solid #ddd;
font-weight : normal;
border-radius : 0px;
}
#cookieChoiceInfo > a : nth-child(2),a#cookieChoiceDismiss {
color : #fff;
font-family : sans-serif;
font-size : 14px;
font-weight : normal;
border-radius : 0px;
}
#cookieChoiceInfo > a : nth-child(2) : hover, a#cookieChoiceDismiss : hover {
color : #000 !important;
font-weight : normal;
border-radius : 0px;
}
JAK PRZESUNĄĆ PASEK?
Pasek w tym miejscu często zasłania nagłówek. Można go przesunąć na dół przy użyciu tego kodu:
div#cookieChoiceInfo {
top : 90% !important;
}
To by było na tyle w dzisiejszym poście. Miałam w planie napisać o tym jak spersonalizować tekst tego powiadomienia, jednak nie jestem pewna, czy komuś by się to przydało. Sama wybrałam standardową opcję, ponieważ jest ona automatycznie tłumaczona na inne języki. Jeśli jednak ktoś chciałby dowiedzieć się jak to zrobić możecie śmiało do mnie pisać! Trzymajcie się ciepło i do następnego.
ale ładnie tu u Ciebie! ;)
OdpowiedzUsuńPost meega przydatny! Bardzo fajne sposoby bo przecież nie każdemu odpowiada czarny pasek o plikach cookies
OdpowiedzUsuńPozdrawiam :*
zazustreet.blogspot.com
Przydatne. :)
OdpowiedzUsuńBardzo pomocny post :). Pozdrawiam!
OdpowiedzUsuńlublins.blogspot.com
Przydatny post :)
OdpowiedzUsuńnataliapfotografia.blogspot.com
Bardzo przydatny post chętnie skorzystam :D
OdpowiedzUsuńPozdrawiam, OSIA WWW.OSIAOSIA.BLOGSPOT.COM (klik)
Ojej na pewno skorzystam!
OdpowiedzUsuń>>flawless-space<<
mega przydatne, dzięki! :)
OdpowiedzUsuńsiwusi.blogspot.com
Przydatne i zrobię sobie taką edycje paska ale dziś już za późno na takie wyzwania dla mnie ;P Świetny post ;)
OdpowiedzUsuńZapraszam na blog-estery.blogspot.com <=== KLIK!
Bardzo przydatny wpis, w sumie nie zastanawiałam się nad zmianami w tym zakresie, zostawiłam jak było :)
OdpowiedzUsuńfajny poradnik
OdpowiedzUsuńhttp://oliwialiv.blogspot.com/
Na pewno się przyda ten wpis:)
OdpowiedzUsuńPrzydatny post, na pewno skorzystałabym z Twoich rad, gdyby nie to, że już kilka dni temu zainstalowałam gotowca znalezionego w internecie, który wygląda u mnie lepiej, niż ten blogspotowy pasek :)
OdpowiedzUsuńTeoriaKobiety.pl
Zdecydowanie się przyda, zrobię mojemu paskowi nieco nieprzeźroczystości. :D
OdpowiedzUsuńŚwietne kody, zwłaszcza, że te okienka nie zawsze wyglądają tak, jak byśmy chcieli :)
OdpowiedzUsuńvia-martyna.blogspot.com
kocham bawić się kodami :D
OdpowiedzUsuńmogłabym liczyć na wejście w banner cndirect/dresslink u mnie na blogu?:) Mój Blog - klik! każdy komentarz, oraz obserwację oddaję!
koniecznie muszę tego spróbować !
OdpowiedzUsuńflawlessbananaa.blogspot.com
fajny poradnik ! <3
OdpowiedzUsuńPozdrawiam cieplutko.
stay-possitive.blogspot.com
przydatny wpis!:*
OdpowiedzUsuńPozdrawiamy cieplutko
Twins Life (klik)♡
Bardzo,bardzo przydatny post :)
OdpowiedzUsuńMÓJ BLOG-KLIK
Na pewno skorzystam bo do mojego wyglądu również nie pasuje ten pasek :(
OdpowiedzUsuńJull Blooog - klik!
Przydatne, ja nie mam zamiar tego zmieniać ponieważ u mnie pasuje idealnie. To jest własnie zaleta bloga czarnego jak górnik po robocie :) Zapraszam na Kamienne Oblicze - KLIK
OdpowiedzUsuńmega przydatne :)
OdpowiedzUsuńby-vanys.blogspot.com
Bardzo przydatnie :). Normalny pasek jest okropny, ale nawet mi do głowy nie przyszło, że da się go zmienić. Dzięki!
OdpowiedzUsuńsuper, że jednak można go zmienić! Koniecznie w wolnej chwili muszę się za to zabrać :)
OdpowiedzUsuńPrzydatne i bardzo fajnie sie to u Ciebie prezentuje
OdpowiedzUsuńBuziak
Super pościk! Ja też bawię się kodami i trochę też tworzę coś :) Powodzenia życzę.
OdpowiedzUsuńsotiens.blogspot.com
Bardzo fajny patent bardzo przydatny
OdpowiedzUsuńOstatnio właśnie tego szukałam! Dziękuję Ci za ten post, bo niebawem muszę z niego skorzystać :)
OdpowiedzUsuńPozdrawiam ♥,
yudemere
O, przydatne. Zapisuję ;)
OdpowiedzUsuńDziękuję za patent na usunięcie tego powiadomienia! :)
OdpowiedzUsuńNOWY POST NA FABRYCE MIĘTY KLIK! :))
Na pewno przy się to wielu osobom <3
OdpowiedzUsuńhttp://sapphireblog1.blogspot.com/ -----> Zaobserwuj! ♥
Nice blog sweetie :)
OdpowiedzUsuńFollow me on GFC, I always follow back.
▬ WWW.HEKYMA.COM ▬
Spadłaś mi z nieba z tym postem! Dziękuję Ci z całego serca!
OdpowiedzUsuńJuż miałam dość klikania bez końca "rozumiem" :'))
Świetny i mega przydatny post!
Obserwuję,
justsayhei.blogspot.com
mnie to jakoś nie denerwuje, ale zastanawiałam się czy tylko u mnie to wyskakuje ahaha :D
OdpowiedzUsuńhttp://karik-karik.blogspot.com/
Perfect photos, I love it! Keep going! ✿
OdpowiedzUsuńFollow for follow? Let me know, I always follow back! ✿
Izabella | MY BLOG /klik/
Bardzo przydatny post, dziękuje:)
OdpowiedzUsuńhttp://aaaniiaaa.blogspot.com/
Bardzo przydatny post! Dzięki! Planuję u siebie z tym paskiem zawalczyć, żeby trochę ładniej wyglądał, przyda mi się Twój tutorial :)
OdpowiedzUsuń