Όμορφη ειδοποίηση του Blogger για τα Cookies

0
Κάθε φορά που ένας επισκέπτης του blogger blog σας επισκέπτεται τη σελίδα σας για πρώτη φορά, βλέπει στο επάνω μέρος της σελίδας μια ειδοποίηση για τα Cookies.

Η ειδοποίηση λέει το εξής:
Αυτός ο ιστότοπος χρησιμοποιεί cookie από τη Google για την παροχή των υπηρεσιών του, για την εξατομίκευση διαφημίσεων και για την ανάλυση της επισκεψιμότητας. Η Google κοινοποιεί πληροφορίες σχετικά με την από μέρους σας χρήση αυτού του ιστότοπου. Με τη χρήση αυτού του ιστότοπου, αποδέχεστε τη χρήση των cookie.
Για να εξαφανιστεί η μπάρα ειδοποίησης, θα πρέπει ο αναγνώστης σας να πατήσει το κουμπάκι ΟΚ.

Το αρνητικό στην όλη υπόθεση είναι ότι χαλάει το "image" της σελίδας σας και μπορεί να σας κρύβει το μενού ή το λογότυπό σας.

Υπάρχει τρόπος να αποκρύψετε τελείως την ειδοποίηση αυτή, με την προϋπόθεση ότι θα ενημερώνετε με κάποιο άλλο script τους αναγνώστες σας. Επειδή όμως είναι επικίνδυνο να τιμωρηθεί το blog σας από τον blogger, γι' αυτό και δε θα σας δείξω πως γίνεται.

Αντ' αυτού μπορείτε, χωρίς να παρανομείτε, να προσαρμόσετε την εμφάνιση της ειδοποίησης αυτής με τον παρακάτω τρόπο:

  • Πηγαίνετε στον blogger > Θέμα > Προσαρμογή και επιλέξτε Δημιουργία αντίγραφου ασφαλείας
  • Μετά επιλέξτε Προσαρμογή > Επεξεργασία HTML και κάντε κλικ σε κάποιο σημείο του κώδικά σας για να πάρει την εστίαση.
  • Πατήστε Ctrl + F και κάντε αναζήτηση του: ]]></b:skin>
  • Αμέσως κάτω από το ]]></b:skin> κάνουμε επικόλληση τον παρακάτω κώδικα:

<!--Custom EU Cookies Notice by TetsiTech.blogspot.com--> <script type="text/javascript"> cookieOptions = { msg: "Αυτός ο ιστότοπος χρησιμοποιεί cookie από τη Google για την παροχή των υπηρεσιών του, για την εξατομίκευση διαφημίσεων και για την ανάλυση της επισκεψιμότητας. Η Google κοινοποιεί πληροφορίες σχετικά με την από μέρους σας χρήση αυτού του ιστότοπου. Με τη χρήση αυτού του ιστότοπου, αποδέχεστε τη χρήση των cookie.", link: "https://www.blogger.com/go/blogspot-cookies", close: "ok!", learn: "Περισσότερα..." }; </script>


Ακριβώς επάνω από το ]]></b:skin> κάνουμε επικόλληση έναν από τους δύο παρακάτω κώδικες, ανάλογα με την επιλογής σας:

1η περίπτωση (απλή μορφή)

/* TetsiTech.blogspot.com */ .cookie-choices-info {z-index:999999!important;top: initial!important;bottom: 0!important;background-color:#333333!important;border-top: 1px solid #6FC415;box-shadow: 1px -2px 4px #707070!important; padding:3px 0px!important;} .cookie-choices-text{font-size:14px !important; color:#dddddd!important;} .cookie-choices-button{background-color: #6FC416!important;border-radius: 1px!important;box-shadow: 2px 3px 2px #000!important; padding:6px!important;text-transform: none!important;}
Εάν θέλετε, μπορείτε να κάνετε τις ακόλουθες αλλαγές:
  • Αλλάξτε το χρώμα φόντου της μπάρας με αλλαγή του #333333
  • Αλλάξτε το πράσινο περιθώριο που εμφανίζεται στο κάτω μέρος της μπάρας με αλλαγή του #6FC415
  • Αλλάξτε το χρώμα της γραμματοσειράς με αλλαγή του #dddddd
  • Αλλάξετε το χρώμα του φόντου των κουμπιών με αλλαγή του #6FC416

2η περίπτωση (όμορφη σχεδίαση)

/* TetsiTech.blogspot.com */ .cookie-choices-inner:before { content: url(URL_ΕΙΚΟΝΑΣ)!important; display: flex!important;justify-content: center!important;} .cookie-choices-info {right: 1em!important;left: auto!important;z-index:999!important;background-color:#333333!important;opacity: 0.9;border-bottom: 1px solid #6FC415;box-shadow: 1px 2px 2px #000!important;padding:3px 0px!important;position: fixed;border: 3px solid #8AC007;top: initial!important;bottom: 1.5em!important;width: 25em!important;border-radius: 22px 22px 22px 22px;} .cookie-choices-info .cookie-choices-text{font-size:14px !important;color:#dddddd!important;} .cookie-choices-text{text-align: justify!important;} .cookie-choices-info .cookie-choices-button{background-color: #6FC415!important;border-radius: 6px!important;box-shadow: 2px 3px 2px #000!important;padding:6px 12px!important;text-transform: none!important;font-weight: normal!important;color: #000!important;} .cookie-choices-buttons {margin: 10px 10px!important;} @media screen and (max-width: 576px) {.cookie-choices-info {width: 300px!important;left: 50%!important;margin-left: -150px!important;font-size: 12px!important;}}
Σε αυτή την περίπτωση, μπορείτε να κάνετε τις ακόλουθες αλλαγές:
  • Εάν θέλετε το πλαίσιο να εμφανίζεται αριστερά της οθόνης, αλλάξτε το:
    right: 1em!important;left: auto!important;
    με το:
    right: auto!important;left: 1em!important;

  • Αλλάξτε τη λέξη URL_ΕΙΚΟΝΑΣ με το URL κάποιας εικόνας της επιλογής σας, είτε από αυτές που σας παραθέτω παρακάτω, είτε από τις δωρεάν που υπάρχουν στο iconfinder.com

https://blogger.googleusercontent.com/img/a/AVvXsEi9RUPC6OiZlytm_ob_hamMu17ujxi_vJfYYy1IW7DY6v_SH9-GQPauaFm1PH0bTDeD4rjmdZzTgQHpkzTROM2AuUgA1eL-mOBR4qbKhDz58Uo4mkP4Iq7rOJHImVh3osg7S6-a_ILYJYA9QMEZ647a0_HlrXnZok8X2Ls2VyqJ6zyQGVAuBE_9BHV-=s100
https://blogger.googleusercontent.com/img/a/AVvXsEhm79ZbY14Y0Gc-LsJDlZg80DleyG_iIPQtx1nuRkcEe_h1aKEAaC7KXxmODRb03c9QQVsALk8pWpR2aVIxNi4Y6W6-VXF7jq5MaQ9E6xifop-54t0U8E_coWszoJntE7jmga7nEBrWkalQcYy5Goro_ovOiMCdSfqLNuDPJO6z2i5Y77ozdSLrdhvQEA
https://blogger.googleusercontent.com/img/a/AVvXsEhijA0rc5QGYW1AeV1gB8UU7WagUkpdvJWqX3uvandNcOnigjVgzDcSfaF3Rdxq5R14IlU9wnqV97aRhOfuTVkuCm6Dsiu-kv8dlqJZ96tv6ECA43UC-q_wkSnuTfZUH-ezhQuAIcT2zbrcz41-rW1LuRp8dn5o2v1_My1e5_xFXgs2w6aJUmhCdRpCvg=s128
https://blogger.googleusercontent.com/img/a/AVvXsEi6tu37RmNt6KnZhoVUnvkG8l9v64PGFe8UsCQw5aU2gvQ2-009YhFT9V0uPGupuDFnDqfDIz7T2ljQRK_mFPCVv1YjJXlS27rZdcQvmbga5E3l8pkduLTRWmF_VwJwtsjIQN_H5yljko7rXDZYfqN5ihEzESii08te67oQqxdvz04ij8QS-DCuFcoEXQ
https://blogger.googleusercontent.com/img/a/AVvXsEg3RVUBHQ1K53BHPXxJ4O68142HYke-6wb79ElL4un17vwxKA1JH9895PdCEDJuQKUmxJOC2mznnSQhyRQIq27xEi7iR4KpWcg8sVxZIb2z-NX108Y3_Sl14H1MmSjo86R64vMweSeRx9HhlpWa73bfoENpWkE_hwl3xn_4VObOFUblVRIVqWlkEmDjow
Αποθηκεύστε το πρότυπό σας και θεωρητικά τελειώσατε!

Ναι αλλά πως θα δοκιμάσετε την ειδοποίηση εφόσον δε μπορείτε να τη δείτε;

Θα πρέπει να διαγράψετε τα cookies του blog σας.
Αυτό γίνεται σε όλους τους Browsers με παρόμοιο τρόπο. Εγώ θα σας δείξω τη διαδικασία στον Google Chrome αλλά περίπου με την ίδια διαδικασία, εάν ψάξετε τον Browser σας, θα βρείτε τη λύση.

Πάμε λοιπόν στις Ρυθμίσεις του Chrome και στην αναζήτηση γράφουμε τη λέξη cookie.
Επιλέγουμε Εμφάνιση cookie και άλλων δεδομένων ιστότοπου και στη νέα καρτέλα που θα ανοίξει επιλέγουμε Εμφάνιση όλων των δεδομένων και των αδειών ιστοτόπου.
Στην τελευταία καρτέλα υπάρχει ένα νέο πεδίο αναζήτησης και εκεί ψάχνουμε το όνομα του blog μας.
Όταν το βρούμε πατάμε το εικονίδιο με τον κάδο που υπάρχει δίπλα του και επιβεβαιώνουμε τη διαγραφή.
Τώρα εάν κάνουμε ανανέωση το blog μας θα εμφανιστεί η ειδοποίηση των Cookies έτσι όπως την έχουμε διαμορφώσει.

that's all no more
Thank you!
Tags

Δημοσίευση σχολίου

0 Σχόλια
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
Δημοσίευση σχολίου (0)
To Top