Гирлянда на сайте

Cтатья отредактирована 01.01.2018г.

Привет!  Праздник к нам приходит! Скоро Новый год! А это значит, что пора украсить свой сайт. Сегодня мы этим и займемся. Хочу предложить вам  установить  новогоднюю гирлянду в шапке сайта без плагина. Это можно сделать не имея никаких навыков в работе со скриптами. Язык  HTML и CSS тоже не нужен. И так преступаем.

Что нам для этого понадобится?

Совсем немного. Для начала скачаем этот архив

Также понадобится программа Notepad+++. И небольшой опыт работы с  filezilla.  Об этом читать тут. Программы бесплатные и не сложные. Скачать можно, набрав в поисковике  название программы. У меня есть урок , как работать с  filezilla. 

 А в Notepad+++ нам только нужно прописать путь до вашей папки, которая будет загружена на хостинг в корневую папку pablik.html.

И так скачанный вами архив по ссылке, что я вам дала , необходимо разархивировать. И  выбираем папку newyear-2014. Эту папку мы сейчас будем закачивать на хостинг в корень.

Но сначала отредактируем файл newyear-2014.js. Для этого   откроем его в редакторе Notepad++ . Прописываем путь до нашего  swf-файла ny-2014.swf.

Все это делается  для того, чтобы при наведении курсора на гирлянду воспроизводился  звук.

У вас должно получиться  так :

 имя вашего домена- папка newyear-2014- папка js файл- ny-2014.swf

Мой пример( вы свое подставляете)  http://ritabk.ru/newyear-2014/js/ny-2014.swf

 

 

У меня это выглядит так: 

Далее этот файл нужно обязательно сохранить  и затем  закачать  папку newyear-214,  при  помощи FTP менеджера FileZilla, в корневой каталог иными словами  в папку public.html. 

 После выполненных действий, о которых я написала выше, переходим в админ-панель  блога. Ищем «Внешний вид» —>> «Редактор» ->>

Находим и открываем файл footer.php.

А в скачанном вами архиве, в файле скрипты, находим  код 1 и код 2.

Сначала нужно скопировать код 1 и вставить  в файл footer.php перед тегом </body>.

Не забываем обновить файл.

Хочу пояснить еще одну деталь. Если, вы, ранее добавляли какие- то  скрипты или коды в файл footer.php, то данный код 1, нужно разместить выше предыдущих  кодов или скриптов. Так гирлянда работает лучше. 

Идем дальше и открываем файл header.php. Теперь нужно  вставить код 2 перед  закрывающим тегом </head>.  И тоже обновить файл.

Чтобы было все понятно смотрим видео урок. А затем радуемся. И пишем свои комментарии.

С Новым 2018 Годом!