вторник, 26 февраля 2013 г.

Приветствие в блоге.

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

  •  Доброе утро
  • Добрый день
  • Добрый вечер
  • Доброй ночи
Впрочем, Вы можете придумать какое то свое приветствие. Вот этот скрипт:



<font size=4 color="#ff0000">
<script language="JavaScript">
day = new Date(); hour = day.getHours(); if (hour>=5 && hour<=10) greeting = "Доброе утро";
else { if (hour>=10 && hour<=18) greeting = "Добрый день";
else { if (hour>=18 && hour<=24) greeting = "Добрый вечер";
else { if (hour>=0 && hour<=5) greeting = "Доброй ночи"; } } } document.write(greeting);
</script>
</font>



В первой строчке размер и цвет текста. Красным заданы интервалы времени, синим - приветствие. Можете все поменять. Автор предлагает этот скрипт вставить в любом месте между тегами <body> ... </body>.
 У меня шаблон отказался его принять в чистом виде. Да и как то в любом месте слишком не определенно. Вдруг он появиться где то внизу. У автора скрипт встроен в заголовок. Как это сделать? Посмотрите код на его блоге.
Я нашел ему еще одно место: перед верхней статьей, как в этом блоге. Поступаем стандартно. Помним, что информация выводится с помощью гаджетов. Копируем код скрипта. Идем в Дизайн => Добавить гаджет (я добавил в левом сайтбаре). Заголовок гаджета не вводите. В содержание вставьте скрипт в режиме HTML. Сразу подредактируйте шрифт, текст приветствия и Сохранить.
В левом сайтбаре сверху появилось приветствие. Поместим его перед верхней статьей. Идем в Шаблон => Изменить HTML. Виджеты сайтбаров находятся в самом низу шаблона. Полосой прокрутки опускаемся в самый низ и находим наш виджет (самый верхний в левом сайтбаре):
<b:section-contents id='sidebar-left-1'>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
<b:widget id='Text1' locked='false' title='О блоге' type='Text'/>
У Вас он, наверняка, другой. Жмем Ctrl + F и в окне поиска введите <!-- Нажимайте кн. Вниз до появления строчки, написанной в коде ниже красным шрифтом (у меня в этом блоге шестая по поиску, в другом на этом же шаблоне вторая ???). И после нее (или до нее) вставляете новый конейнер (синий код). 
<!-- corrects IE6 width calculation -->
<div id='privet'>
 <b:section class='main' id='priv' showaddelement='no'>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
</b:section>
</div>
Удаляете мой виджет (желтый фон и коде) и вставляете свой: из сайтбара вырезаете и вставляете на желтый фон. Кнопка Просмотр. Все нормально? Сохраняете шаблон. В некоторых шаблонах приветствие близко к к дате сообщения. Задайте ему нижний отступ в таблице стилей. Перед ]]> введите код:
#privet{
padding-bottom:20px;
      ]]>
Впрочем, блок с приветствием можете разместит где угодно. Например в шапке блога (как размещали часы).

Вот и все. До встречи.
07.01.14 Blogger что то меняет все время (совершенствуется). Статью переписать лень, да и нет необходимости. Смотрите урок на YouTube.

2 комментария:

  1. Доброго времени суток! (Вот как то так, без скрипта) :)
    Заскочил к Вам в гости со страницы Галины Дворниковой (ну там в общем неувязочка получилась в статье, с названиями наших с Вами блогов!
    Хочу сказать, что Ваш блог мне понравился!
    Отдельное спасибо за эту статью.
    Я так понимаю, что скрипт подтягивает системное время компьютера! Да?
    В другом случае, не имеет смысла его ставить, так как часовые пояса не совпадают.
    Вы не против, если я еще погуляю по Вашему блогу?

    С уважением,
    Николай Гижицкий

    ОтветитьУдалить
    Ответы
    1. Да. Время берется с компа пользователя.
      Спасибо за оценку. К Вам просто заглянул на минутку. Посмотрел карту блога. Сегодня некогда. Познакомлюсь позднее.
      А Галине больше понравился дугой блог banja1.blogspot.ru

      Удалить

От Вас деловой комментарий - Вам подарок!