Oryginalnych elementów na blogu czy stronie nigdy za wiele. Dlatego też, standardowe powiadomienie Blogspotowe o ciasteczkach też można zmienić.

Całość wymaga (niestety albo stety) ingerencji w kod Bloggera, ale nie martw się. To taka drobna i niewinna ingerencja, której sprosta w zasadzie każdy. Bułka z masłem.

Jak się do tego zabrać?

---
1. Załaduj panel admina i wejdź w zakładkę Theme -> EDIT HTML
2. Odszukaj znacznik </head> i tuż nad nim wklej poniższy fragment kodu. Pomarańczowe elementy  możesz wymienić na własne.


<!-- EU Cookies Notice --> 
<script type='text/javascript'> 

  cookieOptions = {
    msg: "Informacje uzyskane za pomocą cookies wykorzystywane są głównie w celach statystycznych. Pozostając na stronie godzisz się na ich zapisywanie", 
    link: "http://wszystkoociasteczkach.pl/po-co-sa-ciasteczka/", 
    close: "OK!", 
    learn: "WIĘCEJ" };

</script>
3. Tuż pod nim dodaj jeszcze kod odpowiadający za wygląd. Możesz swobodnie wyedytować kolorystykę, ramki czy cienie. W przykładzie pokazanym poniżej jest kod, który ja używam tutaj.

<style> 
.cookie-choices-info 
{ /* Add your styles here to change overall wrapper design */ 
z-index:999999!important;backgroundcolor:#ffffff!important;border-bottom: 1px solid #6FC415; box-shadow: 1px 1px 1px #ccc!important; padding:3px 0px!important;
}
.cookie-choices-info .cookie-choices-text
{ /* Add your styles here to change text styles */ 
font-size:14px !important; color:#000000!important;
}
.cookie-choices-info .cookie-choices-button 
{ /* Add your styles here to change button styles */ 
color:#000000!important;  padding:6px!important;text-transform: none!important;
}
.cookie-choices-info #cookieChoiceDismiss 
{ /* Add your styles here to change dismiss button styles */ }
</style> 

<!-- END Custom EU Cookies Notice -->

---
EDIT: Niektóre starsze (ale nie ma reguły) motywy Blogspotowe wymagają, aby ten drugi kod wkleić powyżej znacznika  ]] </b:skin>, więc jeśli zauważysz, że powiadomienie nie chce się odpowiednio wyświetlać, to spróbuj tej opcji.


4. Jeśli komunikat ma się wyświetlać w dolnej części strony, to po znaczniku  ]] </b:skin>
dorzuć jeszcze:

.cookie-choices-info {position: fixed; top: auto !important; bottom: 0px !important;}

5. Zapisz wszystko. To już koniec. Powinno śmigać.

Brak komentarzy:

Prześlij komentarz

Leave a message