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.
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.<!-- 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>
<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ć.
Prześlij komentarz
Leave a message