Blogger всплывающее окно: "Использование файлов cookie сервисов Google".

Blogger - Blogspot настройка всплывающего окна: Работая с этим сайтом, вы даете свое согласие на использование файлов cookie сервисов Google.

Доброго времени суток друзья. Возможно некоторые из вас уже заметили, что google ввел новое правило или новую, старую функцию сбора данных файлов cookie. Сейчас объясним. Итак на сайтах где показывается реклама от гугл, а так же на сайтах - блогах созданных на платформе blogger начало всплывать окно с данным оповещением:  "Работая с этим сайтом, вы даете свое согласие на использование файлов cookie сервисов Google. Это необходимо для нормального функционирования сайта, показа целевой рекламы и анализа трафика. Статистика использования сайта отправляется в Google". 

В принципе эта статистика ранее итак записывалась сервисом гугл, но теперь это должен подтвердить каждый пользователь зашедший на ваш сайт - блог. После разового подтверждение (закрытия) это окно более не появляется, правда я замечал, что это не всегда так. В общем на сайтах и блогах созданных на движке blogger  это окно выплывает в не совсем удобном месте, вверху сайта и сопровождает посетителя при скроллинге страницы, что немного раздражает. Именно из-за того, что оно не всегда исчезает при закрытии я и создал эту тему в которой вы узнаете, как переместить это объявление на более удобное место на сайте - блоге, чтобы оно не мешало пользователям просматривать ваш контент. 

Итак для начала переходим в раздел Шаблон - Изменить HTML ищем код  ]]>  
и передним вставляем один из двух кодов ниже всего два варианта со светлым и темным фоном:

Первый вариант с темным фонном

CSS/* Custom Cookies Info Dark */
.cookie-choices-info{background-color:rgba(56,66,75,.97)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;-webkit-transform:translateZ(0)}
.cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#cee6ea!important}
.cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#282f36!important;transition:all .1s linear}

CSS/* Custom Cookies Info Light */
.cookie-choices-info{background-color:rgba(255,255,255,.99)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-transform:translateZ(0)}
.cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#222!important}
.cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#999!important;transition:all .1s linear}