Виджет Новогодние гирлянды для Blogger

Для меня и для многих начинающих блогеров украсить свой блог к Новому Году является важной прерогативой. Как украсить свой блог к Новому году я сейчас вам и расскажу. Для праздничного настроения можно устроить снегопад на страничках блога! А можно украсить новогодними гирляндами.

Две гирлянды практически одинаковые, с маленькой лишь разницей, у первой шарики раскачиваются, у второй звенят, мило и очень нежно. Гирлянды автоматически вставляются в шапку блога как обычный скрипт: Дизайн > Добавить гаджет > HTML/JavaScript

Код первой раскачивающийся гирлянды

<div style="padding: 0px;"><img class="st1" src="http://lh6.googleusercontent.com/-h75wNyDw-1g/UrKW4ojh6xI/AAAAAAAAEik/a02NxeCukHw/s800/b-ball_n4.png" style="position:fixed; top: 0px;left:150px;border:none;z-index:10;" /><img class="st2" src="http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png" style="position:fixed; top: 0px;left:450px;border:none;z-index:11;" /><img class="st1" src="http://lh5.googleusercontent.com/-ETNwrljgt_Q/UrKW4gnA-HI/AAAAAAAAEik/TwexESF1TeM/s800/b-ball_n3.png" style="position:fixed; top: 0px;left:750px;border:none;z-index:10;" /><img class="st2" src="http://lh6.googleusercontent.com/-h75wNyDw-1g/UrKW4ojh6xI/AAAAAAAAEik/a02NxeCukHw/s800/b-ball_n4.png" style="position:fixed; top: 0px;left:1050px;border:none;z-index:11;" /><img class="st1" src="http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png" style="position:fixed; top: 0px;left:1350px;border:none;z-index:10;" /><img class="st2" src="http://lh5.googleusercontent.com/-ETNwrljgt_Q/UrKW4gnA-HI/AAAAAAAAEik/TwexESF1TeM/s800/b-ball_n3.png" style="position:fixed; top: 0px;left:1650px;border:none;z-index:11;" /><img class="st" src="http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png" style="position:fixed; top: 0px;left:1950px;border:none;z-index:11;" /></div> <div style="padding: 0px;"><img class="st" src="http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png" style="position:fixed; top: 0px;left:50px;border:none;z-index:11;" /><img class="st" src="http://lh5.googleusercontent.com/-ETNwrljgt_Q/UrKW4gnA-HI/AAAAAAAAEik/TwexESF1TeM/s800/b-ball_n3.png" style="position:fixed; top: 0px;left:300px;border:none;z-index:11;" /><img class="st2" src="http://lh6.googleusercontent.com/-h75wNyDw-1g/UrKW4ojh6xI/AAAAAAAAEik/a02NxeCukHw/s800/b-ball_n4.png" style="position:fixed; top: 0px;left:600px;border:none;z-index:11;" /><img class="st" src="http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png" style="position:fixed; top: 0px;left:900px;border:none;z-index:11;" /><img class="st2" src="http://lh5.googleusercontent.com/-ETNwrljgt_Q/UrKW4gnA-HI/AAAAAAAAEik/TwexESF1TeM/s800/b-ball_n3.png" style="position:fixed; top: 0px;left:1200px;border:none;z-index:11;" /><img class="st" src="http://lh6.googleusercontent.com/-h75wNyDw-1g/UrKW4ojh6xI/AAAAAAAAEik/a02NxeCukHw/s800/b-ball_n4.png" style="position:fixed; top: 0px;left:1500px;border:none;z-index:11;" /><img class="st2" src="http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png" style="position:fixed; top: 0px;left:1800px;border:none;z-index:11;" /></div> <div style="padding: 0px;"><img align="middle" src="http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:1;" /><img align="middle" src="http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png" style="position:fixed; top: 0px;right:250px;border:none;z-index:2;" /><img align="middle" src="http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png" style="position:fixed; top: 0px;right:500px;border:none;z-index:3;" /><img align="middle" src="http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png" style="position:fixed; top: 0px;right:750px;border:none;z-index:4;" /><img align="middle" src="http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png" style="position:fixed; top: 0px;right:1000px;border:none;z-index:5;" /><img align="middle" src="http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png" style="position:fixed; top: 0px;right:1250px;border:none;z-index:6;" /><img align="middle" src="http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png" style="position:fixed; top: 0px;right:1500px;border:none;z-index:7;" /><img align="middle" src="http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png" style="position:fixed; top: 0px;right:1750px;border:none;z-index:8;" /><img align="middle" src="http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png" style="position:fixed; top: 0px;right:2000px;border:none;z-index:9;" /></div>

Скрипт новогодняя музыкальная гирлянда для blogger (Blogspot)

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

<div class="b-page_newyear">
<div class="b-page__content">

<i class="b-head-decor">
<i class="b-head-decor__inner b-head-decor__inner_n1">
<div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
</i>
<i class="b-head-decor__inner b-head-decor__inner_n2">
<div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
</i>
<i class="b-head-decor__inner b-head-decor__inner_n3">
<div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
</i>
<i class="b-head-decor__inner b-head-decor__inner_n4">
<div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
</i>
<i class="b-head-decor__inner b-head-decor__inner_n5">
<div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
</i>
<i class="b-head-decor__inner b-head-decor__inner_n6">
<div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
</i>
<i class="b-head-decor__inner b-head-decor__inner_n7">
<div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
<div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
</i>
</i>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script src="http://megascripts.ru/demo/new_year_motnya/swfobject.min.js" type="text/javascript"></script> <script src="http://megascripts.ru/demo/new_year_motnya/newyear.js" type="text/javascript"></script><link href="http://megascripts.ru/demo/new_year_motnya/style.css" rel="stylesheet" />

Будь вместе с Я Блоггер

Будь в тренде!

Получай материалы прямиком в свою почту

Я даю согласие на сбор и обработку своих персональных и не персональных данных согласно действующей на сайте — политике конфиденциальности.

* Нажимая на кнопку "Отправить", "Подпишись" или "Комментировать" Вы соглашаетесь с пользовательским соглашением.

Поделиться в соцсетях

Метки: Blogger, Гаджеты

Виджет Новогодние гирлянды для Blogger

Код первой раскачивающийся гирлянды

Скрипт новогодняя музыкальная гирлянда для blogger (Blogspot)

Будь вместе с Я Блоггер

Похожие записи

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