Гаджет текущей даты и времени для блоггер



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

Или в шаблоне изменить HTML (сейчас "тема") в тело поста слева/справа, выше/ниже строки <data:post.body/>. Почитайте статью Оформление, выравнивание, убрать под кат текст в блоге; раздел Выравнивание текста.

При переходе на страницу сообщения, посетители будут видеть время и текущую дату. Пример на скриншоте
Скрипт для установки гаджета в макет блога

Скопируйте скрипт ниже, далее дизайн добавить гаджет, вставьте код скрипта, сохраните внизу макета блога.

<script type="text/javascript">
function clock() {
var d = new Date();
var month_num = d.getMonth()
var day = d.getDate();
var hours = d.getHours();
var minutes = d.getMinutes();
var seconds = d.getSeconds();

month=new Array("января", "февраля", "марта", "апреля", "мая", "июня",
"июля", "августа", "сентября", "октября", "ноября", "декабря");

if (day <= 9) day = "0" + day;
if (hours <= 9) hours = "0" + hours;
if (minutes <= 9) minutes = "0" + minutes;
if (seconds <= 9) seconds = "0" + seconds;

date_time = "" + day + " " + month[month_num] + " " + d.getFullYear() +
" г.&nbsp;&nbsp;&nbsp;"+ hours + ":" + minutes + ":" + seconds;
if (document.layers) {
 document.layers.doc_time.document.write(date_time);
 document.layers.doc_time.document.close();
}
else document.getElementById("doc_time").innerHTML = date_time;
 setTimeout("clock()", 1000);
}
</script>
<script type="text/javascript">
 clock();
</script>


Этот небольшой HTML код сохраните в макете, где Вы хотите видеть гаджет времени и даты.

<span id="doc_time">
 Дата и время
</span>

Размер и цвет шрифта будут соответствовать настройкам в конструкторе тем. При желании измените настройки, используя CSS.

<style>
#HTML10{
background: #eeeeee;
font-size: 14px; color:#0e5198;
height: 15px;
}</style>

CSS добавьте отдельным гаджетом или лучше под кодом времени и даты, второй небольшой HTML код. В адресной строке посмотрите ID виджета и измените в коде HTML10, на свой.

Это самый простой код CSS. Можно добавить рамочку с фоном и без, в меню "содержание блога", ярлык Рамки, на любой вкус.

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

Рекомендую статьи по теме:

TEXT.RU - 100.00%




Автор статьи ✎ Olga Protasova Выпуск ✹ 11/10/2017 Ярлыки ►


Открыть комментарии →

0 коммент. :

Отправить комментарий


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *