Как установить новогоднюю гирлянду в шапке сайта без плагина

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

Привет!  Праздник к нам приходит! Скоро Новый год! А это значит, что пора украсить свой сайт. Сегодня мы этим и займемся. Хочу предложить вам  установить  новогоднюю гирлянду в шапке сайта без плагина. Это можно сделать не имея никаких навыков в работе со скриптами. Язык  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>.  И тоже обновить файл.

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

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

C уважением, Рита Молчанова, автор блога ritabk.ru

  • Олия

    Спасибо, Рита. К Новому году надо украшать не только жильё и стол. Красивая гирлянда. Единственное, совершенно нет времени=) Сейчас на работе аврал клиентов)))

    [Ответить]

    Рита Молчанова Reply:

    И дай бог, чтобы всегда было много клиентов! Но и время тоже, чтобы находилось всегда!

    [Ответить]

  • Сделал все-все, как вы сказали, но никак не работает герлянда 🙁

    [Ответить]

    Рита Молчанова Reply:

    Вадар, значит что то сделали не так Смотреть нужно. Давайте по скайпу завтра посмотрим. Мой скайп margo19596

    [Ответить]

  • Vadar

    Окей! Шас запишу!

    [Ответить]

  • Любовь Долгая

    Привет, Рита. Так не бывает. Я пару часов назад увидела такую гирлянду на сайте одного очень известного инфобизнесмена. Как мне ее захотелось!!! И здесь такой новогидний подарок!!! Супер! Спасибо тебе огромное!

    [Ответить]

  • Людмила

    Отлично Рита. Как разбиралась с этим кодом. Своевременная подсказка. Спасибо

    [Ответить]

  • Андрей Косолапов

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

    [Ответить]

    Рита Молчанова Reply:

    Андрей, была у тебя, снеговички просто класс!

    [Ответить]

  • Webliberty

    Всем здравствуйте! Отличная гирлянда, создает предновогоднее настроение С наступающим!

    [Ответить]

  • Мария Зазвонова

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

    [Ответить]

  • Денис Скрипник

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

    [Ответить]

    Рита Молчанова Reply:

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

    [Ответить]

  • Денис, я тоже согласна, что некоторые вообще блоги рекламой загружают и баннерами. Всем советую пользоваться скриптами, а не плагинами. А еще после установки чего либо на блог, нужно проверять свой блог на скорость загрузки страниц. И по мере результата, подумать, а не перегружен ли мой сайт плагинами, баннерами и всякой чепухой? Денис, спасибо! Желаю Вам исполнения всех ваших желаний и еще больше удачи!!!

    [Ответить]

  • Денис, я не знаю, в какую открытку вы вставляете код- это первое. Потом, по- видимому, размеры вашего хедера, как я догадываюсь, не вписываются или не подходят к этому размеру скрипта. Нужно в коде ковыряться. Но возможно код после этого работать не будет- это второе. Впрочем, как и плагины, некоторые не работают с новыми или старыми версиями wordpress. И их нужно подбирать- это третье. Я бы на вашем месте другое украшение подобрала. Благо их очень много в интернете. Так что причин может быть много. Я вам по почте отправила сайт один. Там гирлянды несколько проще, и проблем с установкой не должно возникнуть.

    [Ответить]

  • Денис я не знаю. У меня все вписалось. Думаю, что там ничего не нужно менять. В противном случае, я не ручаюсь за работу скрипта.

    [Ответить]

  • Наталья Краснова

    Ваш блог для меня находка! Я не могла в канун Нового года найти информацию по установке именно этой гирлянды со звуком. Буду знать, где искать полезную статью в декабре 2016.

    [Ответить]

    Рита Молчанова Reply:

    Наталья,я только недавно ее сняла. Имейте в виду мой блог.

    [Ответить]

Навигация

Следующая статья:

Остались вопросы? Напишите на E-mail: rita.mol4anova@yandex.ru или позвоните Skype: margo19596