точное время и сообщение для посетителей в Блоггере

Всем, доброго времени суток. Сегодня у меня для вас скрипт, который будет показывать точное  время и сообщение для посетителей одновременно. Наши блоги читают люди из разных стран и в разных часовых поясах. Часы будут показывать именно то время время, где сейчас находится посетитель.

часы с обращением к читателям

Я написала свой "сценарий" со своими обращениями к читателя в зависимости от определённого участка времени. Вы сможете написать своё, более оригинальное обращение. Установка абсолютно простая.  Blogger вы идете во вкладку  Дизайн > Добавить гаджет > HTML/Javascript и устанавливаете следующий код в любое место макета блога.

А сейчас просто демонстрация для наглядности и проверка его в работе. Копируйте код и устанавливайте его в этом редакторе для просмотра результата.

Код

<div align="center">
<span style="color:#f0f; font-size:16px; font-family:Georgia; font-weight: bold;">
Самое точное время
<script>
ora = new Date();
ora1= ora.getHours();
ora2 = ora.getMinutes();
ora3= ora.getSeconds();
if(ora1==0){ora4=" AM";ora1=12}
else if(ora1 <= 11){ora4=" AM"} else if(ora1 == 12){ora4=" PM";ora1=12} else if(ora1 >= 13){ora4=" PM";ora1-=12}
if(ora2 <= 9){ora2="0"+ora2} document.write(""+ora1+":"+ora2+":"+ora3+""+ora4+""+"");
</script>
<span>
<br/>
 <span style="color:#00f; font-size:16px;font-family:Georgia; font-weight: bold;">
<script>
day1 = new Date()
ora1 = day1.getHours()
if (ora1 < "6") {
document.write(" Привет. Вы уже проснулись? ")
}else if (ora1 < "10"){
document.write(" Добрый день. Вы уже читаете мой блог, а позавтракать не забыли? ")
}else if (ora1 < "11"){
document.write(" Ух, сейчас самое время для чтения информации ")
}else if (ora1 < "12") {
document.write(" Самое время подумать про обед? ")
}else if (ora1 < "13") {
document.write(" Браво, можно немного и отдохнуть ")
}else if (ora1 < "15") {
document.write(" Время ещё есть, чтобы почитать блог ")
}else if (ora1 < "17") {
document.write(" Вы уже все дела домашние сделали, если читаете сейчас мой блог")
}else if (ora1 < "20") {
document.write(" Не забудьте посмотреть прогноз погоды на завтра ")
}else if (ora1 < "22") {
document.write(" Время позднее, про прогулку перед сном не забыли ?")
}else if (ora1 < "23") {
document.write("Если вы  здесь доброго вечера  ")
}else if (ora1 >= "23") {
document.write(" А вы не забыли пожелать доброй ночи себе и близким? ")
}
</script>
</span>
</span></span>
</div>


В коде, в строках отмеченных цветом, сами стили шрифта первой и второй строки. Здесь вы можете поиграться с цветом текста, размерами и изменить шрифт на нужный. Можно добавить фон к стилям.

Пример, где изменены стили самого текста (это скриншоты)

Здесь добавили фон, используя свойство background-color:



Обратите внимание на тег <br/> который задаёт перенос строк. Если вы захотите поставить код в гаджет над сообщениями блога или под шапкой, его следует убрать. В этом случае вся конструкция будет в одну строку.

Все текстовые пожелания для посетителей придумывайте свои, соответственно указанному промежутку времени.

Если не нужно сообщение для посетителей, просто уберите весь участок кода от тега <br/>
Или наоборот убрать первый, чтобы оставить приветствия.

Настройки такого виджета времени и приветствия не сложные, как и установка в блоге.

Всем спасибо за внимание и до встречи.


здесь можно оформить подписку на новые шпаргалки


Введите Ваш email


26 комментариев:

  1. Ну, как же забудешь прогулку перед сном? Серый тут же влезет к тебе на любимый диван и лизнет в нос, дескать, "ты что, хозяин, а прогулка!?"

    ОтветитьУдалить
  2. какая прикольная плюшка,в разное время разные сообщения

    ОтветитьУдалить
    Ответы
    1. Infodar, в этом и есть вся её суть.Пофантазировать бы с пожеланиями ещё.

      Удалить
  3. так прикольно смотрелось,но пришлось убрать,анализатору вот эта штука не нрава,ошибкой показывает проблемной
    document.write

    ОтветитьУдалить
  4. Скриптов полно у тебя понаставлено.

    ОтветитьУдалить
  5. но это предупреждение про document.write выскочило именно после вот этого,сохранила конечно в закладках,но пока убрала

    ОтветитьУдалить
    Ответы
    1. Так именно. Скрипты эти конфликтуют друг с другом. А у тебя их там куча целая уже понаставлена. Почитай если интересно. https://learn.javascript.ru/document-write

      Удалить
  6. почитаю,конечно интересно,кабы знать какие именно конфликтуют,чё мне очень-то и надо,я бы и удалила.Я брала у тебя много разных стилей для текстов,чтобы на разных постах по-разному было,стили начали "драться",сайт отяжелел,убрала большинство.Значит ещё что-то надо убирать.

    ОтветитьУдалить
    Ответы
    1. Infodar, не поняла, какие стили у тебя там дерутся. Сам шаблон содержит много javascript, а ты ещё их добавляла и добавляла. Тут осторожно нужно. Впрочем, я тебе об этом уже много раз говорила - доиграешься полетит всё.

      Удалить
  7. И шутка хорошая и для акцентов пойдет))))

    ОтветитьУдалить
  8. Light Knight, ну да, хотелось бы потом посмотреть кто что написал, если установили. Тут я , как говорится, для примера что в голову на лету пришло, накатала.

    ОтветитьУдалить
  9. просмотрела я всё,вроде токо 2 жаба-кода у меня стоят
    https://pastenow.ru/63ad6974ff7ba0e4a1a8fa91b6205e44
    ,всё остальное стили и html.Даже и не пойму,честно говоря, что такого лишнего добавлено.

    ОтветитьУдалить
    Ответы
    1. Infodar, сейчас блог твой посмотрела, всё перекошено. Не знаю, что ты за картинку мне прислала, но через просмотр кода страницы целая куча java в коде.

      Удалить
  10. Доброго дня, Вика! ))) Очень понравилась эта штука. Поставила пока твою, потом на досуге попробую изменить... фантазия у меня, правда, не очень, но цвета сменить хотя бы попробую. ❤❤❤ Спасибо!!! )))

    ОтветитьУдалить
    Ответы
    1. Здравствуй, Елена. Потом забегу почитаю что ты нафантазируешь.

      Удалить
  11. Вика,скриншот я тебе прислала,где видно какие стили и какие джава-коды стоят в плагине,2 кода всего,я в вордпрессе не лезу в шаблон,все коды вставляю в плагин.То есть если коротко,то все стили,все коды вставлены в плагин,а всё остальное в редакторе Elementor.Не знаю что там за куча,может что-то есть встренное,буду разбираться.

    ОтветитьУдалить
    Ответы
    1. Я вообще - то про Блоггер пишу, а не вордпресс

      Удалить
  12. Сейчас в новом интерфейсе лучше пока ничего новое не делаю. У меня шрифт меняется на мелкий-премелкий, когда я хочу что-то исправить в посте. Лучше пока ничего не исправлять.

    ОтветитьУдалить
    Ответы
    1. Ирина, тут я писала не про исправление, а про про такую фишку с приветствием и часами. Это просто в гаджет ставится. А форматировать текст в новом можно я ответила Александру в комментарии 10. а. в этом посте http://www.shpargalochki.ru/2020/07/i-opyat-igry-s-novym-redaktorom.html

      Удалить
  13. знаю,что про Блоггер,меня там давно нету,просто сайт там старый держу для шпаргалок.Стили всё равно для текстов и различных эффектов для ворпресса беру у тебя.Мне так удобнее,чем добавлять лишние плагины.

    ОтветитьУдалить
  14. Привет, Вика!
    С твоей подачи я успешно загрузил в прошлой редакции блогера моих подписчиков в правое окно моего блога. С тех пор их количество существенно увеличилось. Как сделать ту же операцию в новой редакции блогера?

    ОтветитьУдалить
  15. Семён, привет. А не нужно их больше загружать. Они, как Вы пишите в правом окне так и останутся.(Это называется по блогеровски сайдбар)

    ОтветитьУдалить
  16. А почему не появляются новы контакты? Тех, кто мне уже написал, и кому я ответил.

    ОтветитьУдалить
    Ответы
    1. Семён, многие не подписываются. Это не обязательно, личное дело каждого.

      Удалить

ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML