Сообщение об удалении файлов cookie в пользовательском представлении Blogger для мобильных устройств
У меня есть следующая проблема (европейский вопрос). Я хочу удалить стандартное сообщение о файлах cookie, добавленное Google во все шаблоны Blogger. Мне удалось сделать это, вставив следующий текст HTML под заголовком:
<script type='text/javascript'> cookieChoices = {}; </script>
Если вы открываете блог на DESKTOP, это действительно скрывает сообщение. Отлично. Однако на MOBILE этот HTML-код не подхватывается. То, что я уже сделал, это выбор режима CUSTOM. Мне тогда где-то в HTML нужно что-то включать. Я знаю, что это "что-то" использует / выключает Mobile:
<b:widget id='Attribution1' locked='true' mobile='no' title='' type='Attribution'/>
Я, однако, понятия не имею, что именно и где именно. Было бы здорово, если бы кто-нибудь смог разгадать эту загадку для меня!
Заранее спасибо, Арноуд (Нидерланды)
Кстати, извините, если это уже где-то ответили, я не смог его найти.
1 ответ
Эта ссылка позволяет вам немного настроить (и, по-видимому, заменить) сообщение куки ЕС: STCnetwork.org
Или вы можете поиграть с кодом ниже.
Вы можете выбрать цвет кнопки вне цвета текста кнопки, цвета фона, тени и размера текста.
Как прошло?
<!--Custom EU Cookies Notice by STCnetwork.org-->
<script type='text/javascript'>
cookieOptions = {
msg: "This site uses cookies!",
link: "https://www.blogger.com/go/blogspot-cookies",
close: "Got it!",
learn: "Learn More" };
</script>
<style>
.cookie-choices-info {
z-index:0000ff!important;
background-color:#0000ff!important;
border-bottom: 1px solid #0000ff;
box-shadow: 1px 2px 2px #000!important;
padding:3px 0px!important;
}
.cookie-choices-text {
font-size:30px !important;
color:#ffffff!important;
}
.cookie-choices-info {
font-size:30px !important;
background-color: #0000ff!important;
color: #0000ff;
border-radius: 1px!important;
box-shadow: 2px 3px 2px #000!important;
padding:6px!important;
text-transform: none!important;
}
.cookie-choices-button {
background-color: #0000ff!important;
color: #0000ff;
border-radius: 1px!important;
box-shadow: 2px 3px 2px #000!important;
padding:6px!important;
text-transform: none!important;
}
</style>