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

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

Я написала свой "сценарий" со своими обращениями к читателя в зависимости от определённого участка времени. Вы сможете написать своё, более оригинальное обращение. Установка абсолютно простая.  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