Новогодняя гирлянда с качающимися шариками в шапку Blogger, Блогспот


Пост (в основном) для пользователей: Blogger, Блоггер (Blogspot, Блогспот)

Я почти был уверен, что опубликовал лучшие украшения Рунета к Новому году, на Блогспот, Блоггер:


  • Виджет информер времени "До Нового года осталось" 
  • Снежинки и снежную пыль для блога
  • Новогодняя шапка блога Блогспот, Blogger.
  • Новогоднее поздравление  анимированного Деда Мороза
  • Праздничный салют, фейерверк на Блогспот, Blogger

    • Но заглянув на блог:
    http://delitant.ru/wordpress/kak-ukrasit-sajt-k-novomu-godu-2-krasivaya-girlyanda.html
    мне захотелось, установить такую же гирлянду у себя.
    Беда заключалась в том, что мануал автора очень сложный и мне пришлось, все переделывать на свой лад! От начального варианта остались только картинки.


    Добавил колокольчики по бокам, а вот шариков стало меньше. Из за них, слишком большой код получается.

    Устанавливается гирлянда очень просто.
    Дизайн - Добавить гаджет - HTML/JavaScript вставляется следующее:


    <style type="text/css">
     .st2 {

      border:3px solid #BBBBBB;opacity: 2.1;
     -webkit-animation: ring 18s 19s ease-in-out infinite;
     -webkit-transform-origin: 50% 14px;
     -moz-animation: ring 18s 19s ease-in-out infinite;
     -moz-transform-origin: 50% 14px;
     animation: ring 18s 19s ease-in-out infinite;
     transform-origin: 50% 14px;
    }

      @-webkit-keyframes ring {
     0% { -webkit-transform: rotateZ(0); }
     1%, 9% { -webkit-transform: rotateZ(30deg); }
     3% { -webkit-transform: rotateZ(-28deg); }
     5% { -webkit-transform: rotateZ(34deg); }
     7% { -webkit-transform: rotateZ(-32deg); }
     11% { -webkit-transform: rotateZ(-28deg); }
     13% { -webkit-transform: rotateZ(26deg); }
     15% { -webkit-transform: rotateZ(-24deg); }
     17% { -webkit-transform: rotateZ(22deg); }
     19% { -webkit-transform: rotateZ(-20deg); }
     21% { -webkit-transform: rotateZ(18deg); }
     23% { -webkit-transform: rotateZ(-16deg); }
     25% { -webkit-transform: rotateZ(14deg); }
     27% { -webkit-transform: rotateZ(-12deg); }
     29% { -webkit-transform: rotateZ(10deg); }
     31% { -webkit-transform: rotateZ(-8deg); }
     33% { -webkit-transform: rotateZ(6deg); }
     35% { -webkit-transform: rotateZ(-4deg); }
     37% { -webkit-transform: rotateZ(2deg); }
     39% { -webkit-transform: rotateZ(-1deg); }
     41% { -webkit-transform: rotateZ(1deg); }
     43% { -webkit-transform: rotateZ(0); }
     100% { -webkit-transform: rotateZ(0); }
    }

      @-moz-keyframes ring {
     0% { -moz-transform: rotate(0); }
     1%, 9% { -moz-transform: rotate(30deg); }
     3% { -moz-transform: rotate(-28deg); }
     5% { -moz-transform: rotate(34deg); }
     7% { -moz-transform: rotate(-32deg); }
     11% { -moz-transform: rotate(-28deg); }
     13% { -moz-transform: rotate(26deg); }
     15% { -moz-transform: rotate(-24deg); }
     17% { -moz-transform: rotate(22deg); }
     19% { -moz-transform: rotate(-20deg); }
     21% { -moz-transform: rotate(18deg); }
     23% { -moz-transform: rotate(-16deg); }
     25% { -moz-transform: rotate(14deg); }
     27% { -moz-transform: rotate(-12deg); }
     29% { -moz-transform: rotate(10deg); }
     31% { -moz-transform: rotate(-8deg); }
     33% { -moz-transform: rotate(6deg); }
     35% { -moz-transform: rotate(-4deg); }
     37% { -moz-transform: rotate(2deg); }
     39% { -moz-transform: rotate(-1deg); }
     41% { -moz-transform: rotate(1deg); }
     43% { -moz-transform: rotate(0); }
     100% { -moz-transform: rotate(0); }
    }

      @keyframes ring {
     0% { transform: rotate(0); }
     1%, 9% { transform: rotate(30deg); }
     3% { transform: rotate(-28deg); }
     5% { transform: rotate(34deg); }
     7% { transform: rotate(-32deg); }
     9% { transform: rotate(30deg); }
     11% { transform: rotate(-28deg); }
     13% { transform: rotate(26deg); }
     15% { transform: rotate(-24deg); }
     17% { transform: rotate(22deg); }
     19% { transform: rotate(-20deg); }
     21% { transform: rotate(18deg); }
     23% { transform: rotate(-16deg); }
     25% { transform: rotate(14deg); }
     27% { transform: rotate(-12deg); }
     29% { transform: rotate(10deg); }
     31% { transform: rotate(-8deg); }
     33% { transform: rotate(6deg); }
     35% { transform: rotate(-4deg); }
     37% { transform: rotate(2deg); }
     39% { transform: rotate(-1deg); }
     41% { transform: rotate(1deg); }
     43% { transform: rotate(0); }
     100% { transform: rotate(0); }

     </style>

      <div style="padding: 0px;">
    <img class="st2" src="http://lovitour.com.ua/img/newyear/b-ball_n2.png" style="position:fixed; top: 0px;left:130px;border:none;z-index:9;"/></div><style type="text/css">
     .st1 {

      border:3px solid #BBBBBB;opacity: 2.1;
     -webkit-animation: ring 20s 19s ease-in-out infinite;
     -webkit-transform-origin: 50% 14px;
     -moz-animation: ring 20s 19s ease-in-out infinite;
     -moz-transform-origin: 50% 14px;
     animation: ring 20s 19s ease-in-out infinite;
     transform-origin: 50% 14px;
    }

      @-webkit-keyframes ring {
     0% { -webkit-transform: rotateZ(0); }
     1%, 9% { -webkit-transform: rotateZ(30deg); }
     3% { -webkit-transform: rotateZ(-28deg); }
     5% { -webkit-transform: rotateZ(34deg); }
     7% { -webkit-transform: rotateZ(-32deg); }
     11% { -webkit-transform: rotateZ(-28deg); }
     13% { -webkit-transform: rotateZ(26deg); }
     15% { -webkit-transform: rotateZ(-24deg); }
     17% { -webkit-transform: rotateZ(22deg); }
     19% { -webkit-transform: rotateZ(-20deg); }
     21% { -webkit-transform: rotateZ(18deg); }
     23% { -webkit-transform: rotateZ(-16deg); }
     25% { -webkit-transform: rotateZ(14deg); }
     27% { -webkit-transform: rotateZ(-12deg); }
     29% { -webkit-transform: rotateZ(10deg); }
     31% { -webkit-transform: rotateZ(-8deg); }
     33% { -webkit-transform: rotateZ(6deg); }
     35% { -webkit-transform: rotateZ(-4deg); }
     37% { -webkit-transform: rotateZ(2deg); }
     39% { -webkit-transform: rotateZ(-1deg); }
     41% { -webkit-transform: rotateZ(1deg); }
     43% { -webkit-transform: rotateZ(0); }
     100% { -webkit-transform: rotateZ(0); }
    }

      @-moz-keyframes ring {
     0% { -moz-transform: rotate(0); }
     1%, 9% { -moz-transform: rotate(30deg); }
     3% { -moz-transform: rotate(-28deg); }
     5% { -moz-transform: rotate(34deg); }
     7% { -moz-transform: rotate(-32deg); }
     11% { -moz-transform: rotate(-28deg); }
     13% { -moz-transform: rotate(26deg); }
     15% { -moz-transform: rotate(-24deg); }
     17% { -moz-transform: rotate(22deg); }
     19% { -moz-transform: rotate(-20deg); }
     21% { -moz-transform: rotate(18deg); }
     23% { -moz-transform: rotate(-16deg); }
     25% { -moz-transform: rotate(14deg); }
     27% { -moz-transform: rotate(-12deg); }
     29% { -moz-transform: rotate(10deg); }
     31% { -moz-transform: rotate(-8deg); }
     33% { -moz-transform: rotate(6deg); }
     35% { -moz-transform: rotate(-4deg); }
     37% { -moz-transform: rotate(2deg); }
     39% { -moz-transform: rotate(-1deg); }
     41% { -moz-transform: rotate(1deg); }
     43% { -moz-transform: rotate(0); }
     100% { -moz-transform: rotate(0); }
    }

      @keyframes ring {
     0% { transform: rotate(0); }
     1%, 9% { transform: rotate(30deg); }
     3% { transform: rotate(-28deg); }
     5% { transform: rotate(34deg); }
     7% { transform: rotate(-32deg); }
     9% { transform: rotate(30deg); }
     11% { transform: rotate(-28deg); }
     13% { transform: rotate(26deg); }
     15% { transform: rotate(-24deg); }
     17% { transform: rotate(22deg); }
     19% { transform: rotate(-20deg); }
     21% { transform: rotate(18deg); }
     23% { transform: rotate(-16deg); }
     25% { transform: rotate(14deg); }
     27% { transform: rotate(-12deg); }
     29% { transform: rotate(10deg); }
     31% { transform: rotate(-8deg); }
     33% { transform: rotate(6deg); }
     35% { transform: rotate(-4deg); }
     37% { transform: rotate(2deg); }
     39% { transform: rotate(-1deg); }
     41% { transform: rotate(1deg); }
     43% { transform: rotate(0); }
     100% { transform: rotate(0); }

      </style>

      <div style="padding: 0px;">
    <img class="st1" src="http://lovitour.com.ua/img/newyear/b-ball_n4.png" style="position:fixed; top: 0px;left:250px;border:none;z-index:6;"/></div><style type="text/css">
     .st {

      border:3px solid #BBBBBB;opacity: 2.1;
     -webkit-animation: ring 19s 19s ease-in-out infinite;
     -webkit-transform-origin: 50% 14px;
     -moz-animation: ring 19s 19s ease-in-out infinite;
     -moz-transform-origin: 50% 14px;
     animation: ring 19s 19s ease-in-out infinite;
     transform-origin: 50% 14px;
    }
     @-webkit-keyframes ring {
     0% { -webkit-transform: rotateZ(0); }
     1%, 9% { -webkit-transform: rotateZ(30deg); }
     3% { -webkit-transform: rotateZ(-28deg); }
     5% { -webkit-transform: rotateZ(34deg); }
     7% { -webkit-transform: rotateZ(-32deg); }
     11% { -webkit-transform: rotateZ(-28deg); }
     13% { -webkit-transform: rotateZ(26deg); }
     15% { -webkit-transform: rotateZ(-24deg); }
     17% { -webkit-transform: rotateZ(22deg); }
     19% { -webkit-transform: rotateZ(-20deg); }
     21% { -webkit-transform: rotateZ(18deg); }
     23% { -webkit-transform: rotateZ(-16deg); }
     25% { -webkit-transform: rotateZ(14deg); }
     27% { -webkit-transform: rotateZ(-12deg); }
     29% { -webkit-transform: rotateZ(10deg); }
     31% { -webkit-transform: rotateZ(-8deg); }
     33% { -webkit-transform: rotateZ(6deg); }
     35% { -webkit-transform: rotateZ(-4deg); }
     37% { -webkit-transform: rotateZ(2deg); }
     39% { -webkit-transform: rotateZ(-1deg); }
     41% { -webkit-transform: rotateZ(1deg); }
     43% { -webkit-transform: rotateZ(0); }
     100% { -webkit-transform: rotateZ(0); }
    }

      @-moz-keyframes ring {
     0% { -moz-transform: rotate(0); }
     1%, 9% { -moz-transform: rotate(30deg); }
     3% { -moz-transform: rotate(-28deg); }
     5% { -moz-transform: rotate(34deg); }
     7% { -moz-transform: rotate(-32deg); }
     11% { -moz-transform: rotate(-28deg); }
     13% { -moz-transform: rotate(26deg); }
     15% { -moz-transform: rotate(-24deg); }
     17% { -moz-transform: rotate(22deg); }
     19% { -moz-transform: rotate(-20deg); }
     21% { -moz-transform: rotate(18deg); }
     23% { -moz-transform: rotate(-16deg); }
     25% { -moz-transform: rotate(14deg); }
     27% { -moz-transform: rotate(-12deg); }
     29% { -moz-transform: rotate(10deg); }
     31% { -moz-transform: rotate(-8deg); }
     33% { -moz-transform: rotate(6deg); }
     35% { -moz-transform: rotate(-4deg); }
     37% { -moz-transform: rotate(2deg); }
     39% { -moz-transform: rotate(-1deg); }
     41% { -moz-transform: rotate(1deg); }
     43% { -moz-transform: rotate(0); }
     100% { -moz-transform: rotate(0); }
    }

      @keyframes ring {
     0% { transform: rotate(0); }
     1%, 9% { transform: rotate(30deg); }
     3% { transform: rotate(-28deg); }
     5% { transform: rotate(34deg); }
     7% { transform: rotate(-32deg); }
     9% { transform: rotate(30deg); }
     11% { transform: rotate(-28deg); }
     13% { transform: rotate(26deg); }
     15% { transform: rotate(-24deg); }
     17% { transform: rotate(22deg); }
     19% { transform: rotate(-20deg); }
     21% { transform: rotate(18deg); }
     23% { transform: rotate(-16deg); }
     25% { transform: rotate(14deg); }
     27% { transform: rotate(-12deg); }
     29% { transform: rotate(10deg); }
     31% { transform: rotate(-8deg); }
     33% { transform: rotate(6deg); }
     35% { transform: rotate(-4deg); }
     37% { transform: rotate(2deg); }
     39% { transform: rotate(-1deg); }
     41% { transform: rotate(1deg); }
     43% { transform: rotate(0); }
     100% { transform: rotate(0); }
     </style>

      <div style="padding: 0px;">
    <img class="st1" src="http://lovitour.com.ua/img/newyear/b-ball_n4.png" style="position:fixed; top: 0px;right:310px;border:none;z-index:5;"/></div>
    <img class="st2" src="http://lovitour.com.ua/img/newyear/b-ball_n3.png" style="position:fixed; top: 0px;right:920px;border:none;z-index:5;"/>
    <img class="st1"  src="http://lovitour.com.ua/img/newyear/b-ball_n2.png" style="position:fixed; top: 0px;right:770px;border:none;z-index:7;"/>
    <img class="st"  src="http://lovitour.com.ua/img/newyear/b-ball_n3.png" style="position:fixed; top: 0px;right:620px;border:none;z-index:9;"/>
    <img class="st"  src="http://lovitour.com.ua/img/newyear/b-ball_n2.png" style="position:fixed; top: 0px;right:470px;border:none;z-index:9;"/>
    <img class="st2" src="http://lovitour.com.ua/img/newyear/b-ball_n3.png" style="position:fixed; top: 0px;right:170px;border:none;z-index:9;"/>
    <img src="http://lovitour.com.ua/img/newyear/christmas-icon.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:9;"width="140"/>
    <img src="http://lovitour.com.ua/img/newyear/212012.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/>
    <img src="http://lovitour.com.ua/img/newyear/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:1;"/>
    <img src="http://lovitour.com.ua/img/newyear/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:210px;border:none;z-index:5;"/>
    <img src="http://lovitour.com.ua/img/newyear/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:510px;border:none;z-index:5;"/>
    <img src="http://lovitour.com.ua/img/newyear/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:810px;border:none;z-index:5;"/>
    <img src="http://lovitour.com.ua/img/newyear/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:1110px;border:none;z-index:5;"/>

    © blogodel.com

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


    Лучшая благодарность автору - это нажатые социальные кнопки!


    95 коммент.:

    Анютка
    Спасибо и с наступающим вас!!!

    https://www.blogger.com/profile/11360000502615218122

    Анна Анатольевна Гончарова
    СВот это красота! Уже утащила к себе Ваше украшение![im]http://s017.radikal.ru/i404/1210/fc/dec417a7db2f.gif[/im]Мне очень помогает Ваш блог! Огромное Вам спасибо!

    https://www.blogger.com/profile/05164203846849848409

    Катерина
    У меня нет слов, чтобы выразить свою благодарность за Ваши всегда своевременные и понятные идеи по оформлению блога! Спасибо!!!

    https://www.blogger.com/profile/14291483705699711579

    Ольга Ватутина
    Добрый вечер! Спасибо Вам! Прекрасная новогодняя корона для блога. Я так рада, что нашла Ваш блог!
    Нажала на кнопку Google+
    С уважением, Ольга

    https://www.blogger.com/profile/10631575525972186871

    Софья Данилова
    Спасибо!
    http://wwwdomovenok.blogspot.ru/

    https://www.blogger.com/profile/03679367257783863551

    Оксана
    Спасибо за новогоднее настроение :)))
    http://zaikina-izbushka.blogspot.ru/

    https://www.blogger.com/profile/05871157539142118170

    A_lena
    Спасибо! Очень красивое новогоднее украшение для блога!

    https://www.blogger.com/profile/15413119409916408041

    Renate
    Спасибо. Записалась к вам в ПЧ и twitter
    http://dadasiki.blogspot.com/
    http://www.blogger.com/profile/14662100767269394549

    https://www.blogger.com/profile/14662100767269394549

    Ирина
    Спасибо за новогоднею гирлянду для блога! Спасибо за красивое настроение!http://antvejosparnu.blogspot.com/)

    https://www.blogger.com/profile/07632547658578789599

    Вера Любимова
    Большое спасибо! Мне нравится! Сделала закладочку блога.Буду внедрять идеи продутого человека.

    https://www.blogger.com/profile/10564642551295024106

    Любовь
    Красота неописуемая!!! Тоже такое хочу, а у меня вордпрес :(

    Justus
    Любовь, а я взял это с Вордпресса и переделал для Блогспот. Вот источник (я указывал в статье):http://delitant.ru/wordpress/kak-ukrasit-sajt-k-novomu-godu-2-krasivaya-girlyanda.html

    https://www.blogger.com/profile/13746790384341325111

    Sapnis
    Спасибо большое, с Наступающими!

    https://www.blogger.com/profile/00171937817521293189

    Анонимный
    Justus, спасибо, я обратила внимание. Но Ваша картинка лучше! - это раз. Ваша гирлянда двигается вместе с прокруткой страницы - это два. И описанная техническая сторона, (как все сделать), мне абсолютно непонятна у того автора :( - это три.

    Любовь
    Мда, была Любовь, а стала "Безымянный пользователь"

    Justus
    Любовь, придется признаться - ничего не могу посоветовать, так как с платформой Вордпресс, к сожалению не знаком (в смысле инсталляции виджетов или плагинов).

    https://www.blogger.com/profile/13746790384341325111

    Евгений Паваротти-Павлов
    Спасибо за полезную информацию. Попробовал установить у себя в блоге, действительно, все нарядно и шарики покачиваются. Но, к сожалению, пришлось тут же удалить. Ну никак не подходит к дизайну моего блога.
    Однако, буду к вам заглядывать и делиться с друзьями в социальных сетях. Реально тут у вас много полезного.
    [im]http://s017.radikal.ru/i404/1210/fc/dec417a7db2f.gif[/im]

    https://www.blogger.com/profile/12324094825656273427

    Евгений Паваротти-Павлов
    Ой, совсем ступил. Поделился Вконтакте, Моем Мире, Фэйсбуке, ну и Гугл+ само собой обрадовал.

    https://www.blogger.com/profile/12324094825656273427

    Анонимный
    Ой, спасибо Вам большое, установила у себя гирлянду, очень красиво и празднично!

    Нажала на Гугл+.

    Максим Волченко
    Очень понадобилась)) Спасибо большое)) Очень полезную работу делаете))

    https://www.blogger.com/profile/08726457423694510321

    Nataly
    спасибо за гаджет))учтановила себе http://chyrych.blogspot.com/ и понажимала на фейс и гугл+)))Счастья вам в Новом году!

    https://www.blogger.com/profile/16417890556090789289

    Мария Алексеевна
    Кажется я стала волшебницей...Всех с Новым годом и Рождеством!!!!!!!!!!!!

    https://www.blogger.com/profile/15970025739628617999

    Justus
    Большое спасибо Всем, [im]http://s017.radikal.ru/i404/1210/fc/dec417a7db2f.gif[/im]за позитивные комментарии!

    https://www.blogger.com/profile/13746790384341325111

    Кулешова Татьяна Алексеевна
    БОЛЬШОЕ СПАСИБО! МНЕ У ВАС НРАВИТСЯ. Правда у меня не получается сменить картинки в Облаке картинок. Попробую ещё раз.http://lh6.ggpht.com/_u4rBCfM4eII/TLlbvBfkeqI/AAAAAAAAAJg/okTlBowJzJU/bloggertricksandtoolz.blogspot (4).gif

    https://www.blogger.com/profile/01178888016756263725

    Анонимный
    спасибо !!

    http://forum-people.ru/

    Olga Suerte
    Спасибо большое за гаджет! Утащила к себе в норку! Красота-а-а!!!

    https://www.blogger.com/profile/09407432301957245991

    Olga Suerte
    Спасибо большое! Мне очень понравилось! Все работает!

    https://www.blogger.com/profile/09407432301957245991

    Ерин Вениамин
    Замчательно! Скоро все применю!Респекти уважуха!
    (Какой я современный!!!!)http://lh4.ggpht.com/_u4rBCfM4eII/TLlcUwj7HxI/AAAAAAAAAKc/jSpVaYr8_6A/bloggertricksandtoolz.blogspot (19).gif

    https://www.blogger.com/profile/16693237070535707165

    Vera M
    Спасибо Вам огромное за столь волшебное украшение для блога! За простую и понятную установку))) Все получилось с первого раза! Сижу теперь, сама медитирую на эту гирлянду))

    https://www.blogger.com/profile/09865950754952344528

    ОЛЕНА САВИЦКАЯ
    ВОЛШЕБНО ПРОСТО-СПАСИБО БОЛЬШОЕ! ЗАБРАЛА И ФОНАРИКИ И ГИРЛЯНДУ-СРАЗУ ТАК НАСТРОЕНИЕ ПОДНИМАЕТСЯ!СПАСИБО!
    ТЕПЕРЬ БЫ ЕЩЕ ДОБИТЬСЯ В ШАПКЕ СЛАЙДШОУ!

    https://www.blogger.com/profile/04422214255958505740

    Алина Солнечная
    спасибо за новогоднюю сказку!

    https://www.blogger.com/profile/08841433010272698524

    Rina (butterfly)
    спасибо! у меня все работает))

    https://www.blogger.com/profile/16230924372211734076

    Николай Калашников
    Спасибо огромное, украшения самое то. Всегда все лучшее)))

    http://grikot.blogspot.ru/

    https://www.blogger.com/profile/08735713880985819829

    Паша
    Спасибо из РБ!

    Ламаш Наталія
    Огромное спасибо за подходящие виджеты. Уже несколько утащила и использую. Мне очень понравилось.

    https://www.blogger.com/profile/15853061077235931672

    Татьяна Субботина
    Большое спасибо за новогодний декор блога! у меня вот вопрос, а можно как-то сделать, чтобы без колокольчиков было?))

    https://www.blogger.com/profile/00114928815528742437

    Justus
    Татьяна Субботина, можно! Нужно убрать следующий код:

    <img src="https://lh6.googleusercontent.com/-5R7C9LMfqKY/Txo_0iOthMI/AAAAAAAAELw/rzmYWYHYXBs/w189-h197-k/christmas-icon.png " style="positionixed; top: 0px;left:0px;borderone;z-index:9;"width="140"/><img src="https://lh4.googleusercontent.com/-PbiGUGyANAs/Txo_yfoVXSE/AAAAAAAAELw/cZylwGVCEuw/s145-c/212012 " style="positionixed; top: 0px;right:0px;borderone;z-index:5;"/>

    https://www.blogger.com/profile/13746790384341325111

    Татьяна Субботина
    я удалила эту часть, но колокольчики всё ещё на месте... может, что-то ещё надо убрать?

    https://www.blogger.com/profile/00114928815528742437

    Justus
    Татьяна Субботина,если блог:
    http://subbi4ek.blogspot.com/
    ВАШ, то там ничего из кода не убрано! Попробуйте скопировать код, занесите его в редактор:
    http://www.timsfreestuff.com/HTMLEditor/
    в этом редакторе уберите код колокольчиков. Вы сразу увидите изменения. Изменённый код разместите на вашем блоге!

    Что бы было легче найти, я специально выделил код колокольчиков в опубликованном в статье коде - желтым маркером!

    https://www.blogger.com/profile/13746790384341325111

    Татьяна Субботина
    Вот, получилось, огромное спасибо :)

    https://www.blogger.com/profile/00114928815528742437

    Оксана Александровна
    СПАСИБО ОГРОМНОЕ! УКРАСИЛА СВОЙ БЛОГ ВАШЕЙ КРАСИВУЩЕЙ ГИРЛЯНДОЙ

    https://www.blogger.com/profile/12621781197407159265

    Олеся Николаевна Яремчук
    Такой красивый гаджет! Он сделает любой блог праздничным

    https://www.blogger.com/profile/01559909081181621469

    Олеся Николаевна Яремчук
    Но у меня не получается разместить его у себя на блоге. Может я что-то неправильно делаю? Подскажите пожалуйста.

    https://www.blogger.com/profile/01559909081181621469

    Justus
    Олеся Николаевна Яремчук, впервые встречаюсь с проблемой размещения этого гаджета? Попробуйте тщательно скопировать и разместить еще раз!

    https://www.blogger.com/profile/13746790384341325111

    Юлия Челнакова
    Большое вам спасибо, за вкусняшки !!Теперь наши блоги станут нарядными!! С НАСТУПАЮЩИМ ВАС!!!

    https://www.blogger.com/profile/00629946024000235619

    Анонимный
    Спасибо большое, тоже поставил себе в блог гирлянду как у вас. Скажите а вот такого типа можно вставить гирлянду в блог ? http://delitant.ru/wordpress/kak-ukrasit-sajt-k-novomu-godu-2-krasivaya-girlyanda.html

    Justus
    voron7477, так это и есть эта гирлянда, я только ее для Блогспота переработал! Я же в статье писал об этом:


    "заглянув на блог:
    http://delitant.ru/wordpress/kak-ukrasit-sajt-k-novomu-godu-2-krasivaya-girlyanda.html
    мне захотелось, установить такую же гирлянду у себя.
    Беда заключалась в том, что мануал автора очень сложный и мне пришлось, все переделывать на свой лад! От начального варианта остались только картинки."

    https://www.blogger.com/profile/13746790384341325111

    Анонимный
    извиняюсь за беглое прочтение. Я просто в восторге от вашей работы ! Теперь наши блоги будут праздничнее ! Еще раз благодарю...

    Ольга Панина
    Спасибо за гирлянду! Пользуясь тем, что все еще январь... установила себе! Кстати и ваша бабочка очень прижилась у меня в блоге! Еще раз спасибо!

    https://www.blogger.com/profile/10386165722795359274

    Александр
    А как такое можно установить если сайт на HTML?

    Татьяна Терентьева
    Спасбо!

    https://www.blogger.com/profile/10622106731137601211

    Елена Сморжевская
    Спасибо за гирлянду!

    http://elenaskycanada.blogspot.ca/

    https://www.blogger.com/profile/17189814025768882560

    Жаркова Людмила Владимировна
    Спасибо огромное за помощь, очень красивое украшение!

    https://www.blogger.com/profile/12195779234369508366

    Ефимия Бабурина
    Спасибо, эта подошла!

    https://www.blogger.com/profile/14221229880398125605

    vera
    Спасибо!

    https://www.blogger.com/profile/02878664688339829566

    Ольга Ананьева
    код к себе унесла. огромное спасибо.

    https://www.blogger.com/profile/17739280076875711323

    Hash Coins
    А я использую на своем сайте http://litoshi-7.tk СУПЕР СПАСИБО)))

    https://www.blogger.com/profile/06127027148265191573

    Александра Ерофеева
    Большое спасибо за супер идеи! Всё очень красиво и нарядно! С Новым годом и Рождеством!!!

    https://www.blogger.com/profile/12950767589992555224

    Наталья Орлова
    Благодарю! С наступающим НОВЫМ ГОДОМ!

    https://www.blogger.com/profile/06154374251980901030

    блог Татьяны Коноваловой
    Юстус, приветствую вас. У меня сегодня исчезли елочки с шариками, не звенящие, остались одни колокольчики по углам... Не подскажете почему это случилось? что-то в коде вы не изменяли?
    Спасибо, с праздниками вас...

    https://www.blogger.com/profile/00056077849840177938

    BVB-Russe
    Здравствуйте, на моем блоге не работает (на тестовом), вместо него появляются лишь иконки с изображениями. А почему у вас скрипт работает, уважаемый Justus? :) Не может ли быть проблемы в хостинге того сайта, к-ый держит эти все шарики и гирлянды? И если да, то как тогда получить нормальный скрипт? С уважением, Эдуард

    https://www.blogger.com/profile/02411181531550946852

    Justus
    Да вы правы хостинг не работает (только заметил, Спасибо!). Вот другой вариант: http://blogodel.com/2014/12/Zvenjashhiie-shariki-pri-navedenii-kursora-na-novogodnej-girljande-blogspot.html

    https://www.blogger.com/profile/13746790384341325111

    BVB-Russe
    Юстус, спасибо большое за этот скрипт! НО, я так понимаю, он появляется лишь в углу? То есть, не висит как гирлянда над шапкой? Просто этот скрипт чем нравится, что он покрывает весь верх по горизонтали.

    https://www.blogger.com/profile/02411181531550946852

    BVB-Russe
    Извините, все работает, просто этот скрипт нужно ставить внутрь шаблона, а я следовал указанию той статьи и ставил просто в сайдбар, вот потому он и был в углу :)

    https://www.blogger.com/profile/02411181531550946852

    блог Татьяны Коноваловой
    Спасибо, Юстус, если вы что-то сделали с шариками.. теперь всё работает...
    С Новым годом.

    https://www.blogger.com/profile/00056077849840177938

    Tanya
    Дякую, все працює! http://webprofilportfolio.blogspot.com/

    https://www.blogger.com/profile/04662668244539589373

    Оксана Емельянова
    Замечательная гирлянда, Justus! Я давно искала именно такую красоту! Да и установилась она легко, но...вот только чего то не звенят колокольчики :( . Жаль :( ... А впрочем, она и так идеально подходит к фону моего блога :) :
    http://emelika.blogspot.com/
    Спасибо Вам, Justus, огромное!

    https://www.blogger.com/profile/05982417266523921320

    Оксана Емельянова
    Justus, вот что значит "пораскинуть мозгами собравшись с мыслями" :) ! Я таки добилась звона колокольчиков в гирлянде :) ! Уряяя :) !!!
    Ещё раз ОГРОМНОЕ Вам СПАСИБО,Justus !!!

    https://www.blogger.com/profile/05982417266523921320

    Oxa
    Спасибо большое!!!

    https://www.blogger.com/profile/04969712913211959393

    Бібліобджілка Житомир
    а если мне надо добавить пчелу вместо колокольчиков то как это сделать помогите

    https://www.blogger.com/profile/14240716692932974312

    Ljudmila Romanova
    шарики не проявляются

    https://www.blogger.com/profile/08541180880846290169

    Justus
    Попробуйте это:
    http://blogodel.com/2014/12/Zvenjashhiie-shariki-pri-navedenii-kursora-na-novogodnej-girljande-blogspot.html

    https://www.blogger.com/profile/13746790384341325111

    parhomiuk
    Доброй ночи! У меня тоже эта чудесная гирлянда не отображается..вместо нее квадратики из шариков, т.е. рисунки не открытые и большой круглый знак "кирпич" ((((

    https://www.blogger.com/profile/04801767976716784965

    Justus
    Скрипт надо чинит! Замена:
    http://blogodel.com/2014/12/Zvenjashhiie-shariki-pri-navedenii-kursora-na-novogodnej-girljande-blogspot.html

    https://www.blogger.com/profile/13746790384341325111

    Innushka Lazutina
    Наверно на ЖЖ такую красоту не поставить?

    https://www.blogger.com/profile/04116428594691190896

    Руслан Ратушняк
    Спасибо, панель стала НО не звонит!!!

    https://www.blogger.com/profile/07218916007006025763

    Надежда Волобуева
    УРА!!!! Я так долго Вас искала! Спасибо за Вашу работу! Замечательный сайт!

    https://www.blogger.com/profile/11483008879976179573

    Галина Тарасенко
    СУПЕР!!!СПАСИБО!!!ОЧЕНЬ КЛАССНО, ОСОБЕННО ЕСЛИ САЙТ ДЕТСКИЙ!

    https://www.blogger.com/profile/14898432100998889417

    Ольга Никитина
    Привет!Нужна ваша помощь.Я скопировала код соцкнопок,зашла в шаблон,потом в-изменитьHtml и вставила этот код в 2193 и сохранила.Теперь никак не могу удалить.Вот мой блог,в самом низу эти кнопки соцсетей http://playcastiotolgi.blogspot.ru/

    https://www.blogger.com/profile/13833831394313405006

    Ольга Никитина
    Я уже сама удалила этот код,урааааааааа

    https://www.blogger.com/profile/13833831394313405006

    Марина Петрова
    СПАСИБО,НО У МЕНЯ ШАРИКИ НЕ ЗВЕНЯТ?????????????????????

    https://www.blogger.com/profile/10535829200979943462

    Justus
    ШАРИКИ ЗВЕНЯТ ЗДЕСЬ:


    http://blogodel.com/2014/12/Zvenjashhiie-shariki-pri-navedenii-kursora-na-novogodnej-girljande-blogspot.html

    https://www.blogger.com/profile/13746790384341325111

    Марина Петрова
    Спасибо,НО Я ТАМ НЕ ЗНАЮ,КАК СКОПИРОВАТЬ КОД,начинаю копировать большой,появляется справа маленький,его копирую,он исчезает,а большой в блог встает текстом ХТМЛ на стр.В первом сообщении с гирляндой без звука есть код синий мелкий,там получилось

    https://www.blogger.com/profile/10535829200979943462

    Марина Петрова
    ЮСТУС,с НОВЫМ ГОДОМ ВАС! Я ПОНИМАЮ,ЧТО ВЫ ЗАНЯТЫЙ ЧЕЛОВЕК,мне неловко даже просить,но так хочется колокольчиков как маленькой звенящих. Возможно ли прислать код на скайп я была бы Вам очень признательна. живу в Москве,бывший педагог,ныне пенсионер. Мой скайп petrovaskype131 Бывают чудеса? Хочется верить!

    https://www.blogger.com/profile/10535829200979943462

    Марина Петрова
    ПОЛУЧИЛОСЬ,ЮСТУС!!!!!!!!!!! НИЗКИЙ ПОКЛОН И БЛАГОДАРНОСТЬ ОТ ВСЕГО СЕРДЦА ЗА ВАШУ ДОБРОТУ!!!!!!!!!!!!!!!!!!!!!

    https://www.blogger.com/profile/10535829200979943462

    L Babakulov
    спасибо Автор! выручил, искал как раз!

    https://www.blogger.com/profile/13826636169378335133

    L Babakulov
    но почему то не отображается(((

    https://www.blogger.com/profile/13826636169378335133

    Ирина Лосева
    Здравствуйте! Никак не получается вставить в блог гирлянду с шариками, вместо шариков появляется сам код. Делаю все, как написано.

    https://www.blogger.com/profile/05329091710761882172

    Катерина Озолиньш
    На вашем блоге всегда самая полезная и нужная информация

    https://www.blogger.com/profile/03160841778185505828

    Ольга Николаевна Иващенко
    Здравствуйте!
    Спасибо большое!
    Я установила "Снежинки". Красиво!
    http://olnika.blogspot.ru/

    https://www.blogger.com/profile/03371382800959057569

    Алла Удод
    Здравствуйте! В прошлом году устанавливала Вашу гирлянду, всё работало. А сейчас установила и гирлянду и снежинки (пробовала и по одному ставить) вместо гирлянды иаленькие квадратики-картинка не отрылась, а снежинок вообще нет. Что не так?
    С уважением, Алла.
    P.S. Кнопками в соц сетях поделилась!

    https://www.blogger.com/profile/17111562328703313712

    Алла Удод
    Мой блог https://alla-petelki.blogspot.com/

    С уважением, Алла.

    https://www.blogger.com/profile/17111562328703313712

    Тамара Косован
    Вставила виджет , не получилось, удалила гаджет, а иконки, квадратики остались. Вставила с другого сайта- все вышло. Но квадратики остались. Подскажите, пожалуйста, как их удалить?

    https://www.blogger.com/profile/01176944908964872122

    Тамара Косован
    http://kosovan2016.blogspot.com/

    https://www.blogger.com/profile/01176944908964872122

    Тамара Косован
    Спасибо, проблему решила, нашла гаджет, удалила!!!

    https://www.blogger.com/profile/01176944908964872122

    Отправить комментарий

    Дорогие Друзья! К сожалению, по причине здоровья, моя активность по этому блогу будет осуществляться по мере ВОЗМОЖНОСТИ!

    Доска почета

    Плюсани блог!