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

---

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

Или в шаблоне изменить 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. Можно добавить рамочку с фоном и без, в меню "содержание блога", ярлык Рамки, на любой вкус.

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

Новый пост по теме:   Виджет времени с датой и днем недели для блоггер;

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

• Виджет Поздороваться с посетителями блога/сайта;
• Гаджет информер посещений блога читателями;
• Счетчик статистики посетителей блога в реальном времени;
• Гаджет вкладка со страничками социальных сетей для blogger;
• Параметры CSS каскадной таблицы стилей;

Рекомендуемый контент: