Как украсить сайт к новому году и не только. Лёгкий способ для чайников.







Как украсить сайт к новому году  и вообще к любому празднику. И это не только падающий снег или летающие сердечки…тут есть кое что и поинтереснее. Если честно, то я не хотела ничего ставить на свой ресурс. Уже скопировала маленькую блестящую ёлочку для сайдбара. Думала этим и ограничиться.

Почему не хотела. Во-первых, это лишняя нагрузка на блог. На некоторых просто не возможно дойти до конца из-за установленных скриптов. Всё дёргается и едет. В прошлом году я ставила на блог плагин Падает снег. Подержала 2 дня и больше не смогла. Так как скорость загрузки сайта увеличилась на 2 секунды. Зачем мне такое украшение в ущерб блогу? Во-вторых, не хотела копаться в кодах.

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

Вы наверное уже догадались, что делать это мы будем при помощи сторонних сервисов. Чтобы не нагружать свой сайт.

Как поставить новогодний виджет на сайт.

Сервис этот на русском языке, так что ничего сложного. Там есть новогодние часы, а есть вот такие виджеты


C таймером, который показывает, сколько дней, часов, минут и секунд остаётся до нового года. Кликайте на ёлочку и окажетесь на ресурсе. Далее в разделе категории выбирайте — Новогодние виджеты. И обратите внимание, что там несколько страниц, внизу вы можете перейти на другую, чтобы выбрать новогодний виджет по вашему вкусу.

Как украсить сайт к новому году и не только.

Далее надо нажать на виджет. Вас перекинет на другую страницу. И там вы скопируете код и вставите его в то место сайта, которое считаете нужным.

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

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

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

Далее я познакомлю вас с двумя японскими сервисами.Не волнуйтесь, там всё в порядке. Мой Касперский не пускает меня на неблагонадёжные ресурсы.

Как украсить сайт к новому году  при помощи скрипта падающие предметы

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

 

 

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

 

 

Идём в админку блога, если ваш сайт на вордпресс. Или выбираем место для выключателя на своём ресурсе. И вставляем туда код. Всё. Я сама удивилась лёгкости процесса.

<!--ブログ・スイッチコード/--><script src="http://www.blog-switch.com/widgets/83809/8041738007.js" type="text/javascript" charset="UTF-8"></script><div style="width: 160px; text-align: center; margin: 0 auto; font-size: 10px;"><a href="http://www.blog-switch.com/widget/83809" rel="nofollow" target="_blank">ブログ・スイッチ</a></div><!--ブログ・スイッチコード/-->

В код я уже добавила тег » rel=»nofollow». Для того, чтобы поисковые роботы не переходили по ссылке, которая появится рядом с выключателем. Буквы не стирайте, иначе всё исчезнет и сайдбар уползёт вверх.

Вы можете конечно установить этот код и в файлы блога.

Но так как он прекрасно работает и в виджетах, для чего копаться в кодах. Особенно, если вы новичок.

Просто переходите в раздел виджеты на блоге вордпресс. Выбираете виджет Текст и ставите в него код.

На месте этого кода просто появляется выключатель (вы его видели на картинке).

И ещё, я не стала регестрироваться на этом сервисе. Меня итак всё устраивает. Но если вы хотите сами выбирать выключатель, иметь доступ к более обширному ассортименту картинок или хотите загрузить своё изображение. То советую пройти регистрацию.

Красивые эффекты для курсора






А теперь переходим на сервис, при помощи которого мы сделаем так, что за курсором на блоге будут бегать ёлочки, звёздочки и так далее. То есть то, что вам понравится. Переходим на ресурс. И действуем абсолютно по тому же принципу. Только дизайн у этого сайта другого цвета

 

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

 

Как поставить новогоднюю анимацию на свой сайт.

И ещё один сервис русскоязычный, называется Дари. Там очень интересные эффекты, и их, ну очень много.  Например там есть Дед Мороз, который появляется в верхней левой части блога и разворачивает свиток с поздравлениями.

 

 

Увидите всё сами. И для каждого праздника свои картинки.  Вот например для 8 марта

И что ещё интересно. Там можно любой эффект примерить на свой сайт. Нужно только ввести в окошко url. И тогда отказаться вы точно не сможете.

Там же вы можете размер эффекта, и период показа. А колокольчики эти так приятно звенят. Если пройтись по ним мышью…

После этого появится окно Зарегестрироваться. Или сначала регистрируйтесь, а потом создавайте нужные скритпы для сайта.  После этих процедур, заходим в Личный кабинет -> Профиль и html код. Настраиваем информер, так как он будет отображаться на вашем сайте. То есть, просто отмечаем нужный чикбокс

 

Нажимаем Сохранить и копируем код

 

Идём на свой сайт и устанавливаем его перед тегом body. Если ресурс ваш на вордпресс, то можно его установить в файл footer.php.

Вы можете этот код просто установить в разделе Внешний вид -> Виджеты. (По такой же схеме, как мы настраивали и предыдущие 2 сервиса). И всё будет точно так же работать.  Но я всё-таки напишу как ещё можно сделать. Вдруг вы не захотите видеть информер в сайдбаре.

Так как я пишу свой блог для новичков, даю подробную инструкцию. Чтобы найти его заходим в админ-панели в раздел Внешний вид -> Редактор

 

И там, где расположены все файлы находим footer.php . Уже в нём ищем тег </body> .  Очень осторожно,  перед этим тегом ставим код. Вот как это выглядит


И нажимаем на синюю кнопку Обновить файл. Переходим на сайт и всё должно работать. Хоть на сервисе и написано, что украшение появится через час. У меня появилось в тот же миг. А вообще то для изменения кодов советую освоить программу FilleZilla Client. Дело в том, что вы можете сохранить файл, но не закрывать его, перейти на сайт, посмотреть всё ли в порядке. Если нет, то вы можете всё обратить вспять, простым нажатием на зелёную стрелочку.

И ещё о сервисе Дари, информер мы устанавливаем один раз. После этого можем заходить в свой личный кабинет, выбирать украшение, подтверждать и оно будет обновляться на нашем веб-ресурсе.  В общем сервис повышает настроение. Спасибо им большое. Всё просто и удобно! Так же там есть техническая поддержка, можете обращаться к ним.

Итак, вы узнали как украсить сайт к новому году и не только. С наступающим! Успехов вам!

 

Вы можете прочитать другие  статьи,
для этого воспользуйтесь Картой сайта.
А также получать новые статьи прямо на Ваш почтовый ящик.
Введите свой E-mаil:

 


С Уважением, Татьяна Чиронова   






  

Сохраните пост к себе на стенку в соцсети



 


А здесь можно публиковать анонсы постов по теме:  


 










На ту же тему
Обсуждение: 21 комментарий
  1. Спасибо! Очень пригодилась Ваша статья. Украсила свой сайт! Удачи Вам во всё!

  2. Людмила:

    решена проблемой с шаблоном сайта, никак не могла подобрать, а тут можно создать что угодно. Большое спасибо за подробное описание

    • Пожалуйста Людмила, мне тоже нравятся эти сервисы для украшения сайта, никаких заморочек, поставила, не нравится — убрала.

      • Людмила:

        у меня возник вопрос (как у чайника). После того как вставлен код в footer перед тегом body, надо ли между ними пробел в одну строку (как у Вас на фото) или нет. У меня ничего не отображается пока что, попробую связаться с техподдержкой. Заранее спасибо за ответ

  3. Елена:

    Спасибо за полезный сервис. Я о нем и не знала. Взяла себе на заметку.

  4. vera:

    С Новым годом Вас, Татьяна! Огромное спасибо за Ваши рекомендации. Здоровья, счастья, успехов!

  5. Татьяна:

    Что тут скажешь? Просто потрясающе! Спасибо Татьяна, что поделились с нами- новичками такими сервисами. Теперь не нужно будет ломать голову — к каждому празднику наши сайты будут красиво оформлены.
    От всей души поздравляю Вас Татьяна с наступающим Новым Годом!
    Пусть следующий год принесет благополучие и успех, подарит новые блестящие идеи и поможет воплотить их в жизнь!

  6. Светлана:

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

  7. Спасибо огромное за такую красоту, очень хотела украсить блог но не знала как это сделать. Еще раз спасибо и с наступающим , успехов и новых идей!!!

  8. Вот спасибо за подсказку. Все здорово!

  9. Таня, спасибо большое! Наукрашала сайт в удовольствие, теперь любой, кто зайдет ко мне на блог ощутит праздничную обстановку! мне очень понравился рускоязычный сервис ДОРИ! Спасибо за праздник!

  10. Ростислав:

    Очень интересно, главное что применение эффектов не влияет на скорость загрузки сайта. Спасибо

Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Свежие записи
Как снизить нагрузку на CPU хостинга cайта вордпресс
Как снизить нагрузку на CPU хостинга cайта вордпресс
Создание gif анимации онлайн без фотошопа. Фоторедактор PicMix.
Создание gif анимации онлайн без фотошопа. Фоторедактор PicMix.
Как настроить YouTube для удобного просмотра видео и отключить рекламу. Плагин для хрома Magic Actions for YouTube™
Как настроить YouTube для удобного просмотра видео и отключить рекламу. Плагин для хрома Magic Actions for YouTube™
Free Traffic Club — бесплатная реклама в Фейсбук
Free Traffic Club — бесплатная реклама в Фейсбук
Как правильно установить Savefrom net для Google Chrome
Как правильно установить Savefrom net для Google Chrome
≡ 
 А вам подарок
смартреспондер
Дешевый хостинг
Интернет технологии для вас © 2016 ·   Войти Наверх