2 новогодние гирлянды для Blogger

Сегодня расскажу сразу о двух новогодних гирляндах для Bloggera. В одной елочные шары просто раскачиваются, а во второй раздается приятный перезвон, когда курсором мыши "задеваешь" шарик. Такая же, какая была в почте Яндекса когда-то.


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


Первая гирлянда (установлена вверху в моем блоге на данный момент) с этого сайта. Вариант авторский. 


Чтобы добавить такую гирлянду (не звенящую) - вставьте код в гаджет HTML/JavaScript (Дизайн -> Добавить гаджет -> HTML/JavaScript):

<!--Novogodnja motnja ot Blogger.vipbiz.org-->
<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='st1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6H_8HYLMz4BUTlp4TCMUHw6xADiMm-hz3r-s7DXWLAwshg_htoJz9gjVJKtugRhvDkhGbv0dudX-hOMm8I1q8dNJYdr7oh0zdC8DT-02Ohh9yg9uacXpKZcgCowTsc-GQB2ege6prN6HE/s800/b-ball_n4.png' style='position:fixed; top: 0px;left:150px;border:none;z-index:10;'/>
<img class='st2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHGkqfk5FlDcYWDnUVj-TUX5FElVMYYIUQL1ooNDqdpCZXI7m7Vfz1f6HwWS7_dQSdHaQW5AnTAsCJ5dMVKlN_e0nGilEL-_wyUlAhAUEEysCSnO4edLSukrsy8Vm-6wkGb8_EcmngOb32/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:450px;border:none;z-index:11;'/>
<img class='st1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5vlaFCBg926rK5-0_8r1LCZZggZvhYulMn5OlzR9vUsu-Qd3nsZHR5OUBQeY-jHubFL0JGoNTPlaLIszuissZgF-_hg3gowXrUgNjRK7WcgwWaUr7u8taR-0ZvxuKrCVPVb4uyFxSU_j9/s800/b-ball_n3.png' style='position:fixed; top: 0px;left:750px;border:none;z-index:10;'/>
<img class='st2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6H_8HYLMz4BUTlp4TCMUHw6xADiMm-hz3r-s7DXWLAwshg_htoJz9gjVJKtugRhvDkhGbv0dudX-hOMm8I1q8dNJYdr7oh0zdC8DT-02Ohh9yg9uacXpKZcgCowTsc-GQB2ege6prN6HE/s800/b-ball_n4.png' style='position:fixed; top: 0px;left:1050px;border:none;z-index:11;'/>
<img class='st1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHGkqfk5FlDcYWDnUVj-TUX5FElVMYYIUQL1ooNDqdpCZXI7m7Vfz1f6HwWS7_dQSdHaQW5AnTAsCJ5dMVKlN_e0nGilEL-_wyUlAhAUEEysCSnO4edLSukrsy8Vm-6wkGb8_EcmngOb32/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:1350px;border:none;z-index:10;'/>
<img class='st2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5vlaFCBg926rK5-0_8r1LCZZggZvhYulMn5OlzR9vUsu-Qd3nsZHR5OUBQeY-jHubFL0JGoNTPlaLIszuissZgF-_hg3gowXrUgNjRK7WcgwWaUr7u8taR-0ZvxuKrCVPVb4uyFxSU_j9/s800/b-ball_n3.png' style='position:fixed; top: 0px;left:1650px;border:none;z-index:11;'/>
<img class='st' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHGkqfk5FlDcYWDnUVj-TUX5FElVMYYIUQL1ooNDqdpCZXI7m7Vfz1f6HwWS7_dQSdHaQW5AnTAsCJ5dMVKlN_e0nGilEL-_wyUlAhAUEEysCSnO4edLSukrsy8Vm-6wkGb8_EcmngOb32/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:1950px;border:none;z-index:11;'/>
</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='st' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHGkqfk5FlDcYWDnUVj-TUX5FElVMYYIUQL1ooNDqdpCZXI7m7Vfz1f6HwWS7_dQSdHaQW5AnTAsCJ5dMVKlN_e0nGilEL-_wyUlAhAUEEysCSnO4edLSukrsy8Vm-6wkGb8_EcmngOb32/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:50px;border:none;z-index:11;'/>
<img class='st' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5vlaFCBg926rK5-0_8r1LCZZggZvhYulMn5OlzR9vUsu-Qd3nsZHR5OUBQeY-jHubFL0JGoNTPlaLIszuissZgF-_hg3gowXrUgNjRK7WcgwWaUr7u8taR-0ZvxuKrCVPVb4uyFxSU_j9/s800/b-ball_n3.png' style='position:fixed; top: 0px;left:300px;border:none;z-index:11;'/>
<img class='st2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6H_8HYLMz4BUTlp4TCMUHw6xADiMm-hz3r-s7DXWLAwshg_htoJz9gjVJKtugRhvDkhGbv0dudX-hOMm8I1q8dNJYdr7oh0zdC8DT-02Ohh9yg9uacXpKZcgCowTsc-GQB2ege6prN6HE/s800/b-ball_n4.png' style='position:fixed; top: 0px;left:600px;border:none;z-index:11;'/>
<img class='st' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHGkqfk5FlDcYWDnUVj-TUX5FElVMYYIUQL1ooNDqdpCZXI7m7Vfz1f6HwWS7_dQSdHaQW5AnTAsCJ5dMVKlN_e0nGilEL-_wyUlAhAUEEysCSnO4edLSukrsy8Vm-6wkGb8_EcmngOb32/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:900px;border:none;z-index:11;'/>
<img class='st2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5vlaFCBg926rK5-0_8r1LCZZggZvhYulMn5OlzR9vUsu-Qd3nsZHR5OUBQeY-jHubFL0JGoNTPlaLIszuissZgF-_hg3gowXrUgNjRK7WcgwWaUr7u8taR-0ZvxuKrCVPVb4uyFxSU_j9/s800/b-ball_n3.png' style='position:fixed; top: 0px;left:1200px;border:none;z-index:11;'/>
<img class='st' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6H_8HYLMz4BUTlp4TCMUHw6xADiMm-hz3r-s7DXWLAwshg_htoJz9gjVJKtugRhvDkhGbv0dudX-hOMm8I1q8dNJYdr7oh0zdC8DT-02Ohh9yg9uacXpKZcgCowTsc-GQB2ege6prN6HE/s800/b-ball_n4.png' style='position:fixed; top: 0px;left:1500px;border:none;z-index:11;'/>
<img class='st2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHGkqfk5FlDcYWDnUVj-TUX5FElVMYYIUQL1ooNDqdpCZXI7m7Vfz1f6HwWS7_dQSdHaQW5AnTAsCJ5dMVKlN_e0nGilEL-_wyUlAhAUEEysCSnO4edLSukrsy8Vm-6wkGb8_EcmngOb32/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:1800px;border:none;z-index:11;'/>
</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 align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFde_tqwuww36qJmlSMKo858yTzf4ceb5c44_Msf-qbJyUpS18pcZDn_eKzPFOZRPFSeUbtajf-tzjlRHF8EycRGvu6CT89dkPypzc4ri0YG79Hhkjp-dXTyLsDZjkQJ1M80kppAipvhki/s300/fon1.png' style='position:fixed; top: 0px;right:0px;border:none;z-index:1;'/>
<img align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFde_tqwuww36qJmlSMKo858yTzf4ceb5c44_Msf-qbJyUpS18pcZDn_eKzPFOZRPFSeUbtajf-tzjlRHF8EycRGvu6CT89dkPypzc4ri0YG79Hhkjp-dXTyLsDZjkQJ1M80kppAipvhki/s300/fon1.png' style='position:fixed; top: 0px;right:250px;border:none;z-index:2;'/>
<img align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFde_tqwuww36qJmlSMKo858yTzf4ceb5c44_Msf-qbJyUpS18pcZDn_eKzPFOZRPFSeUbtajf-tzjlRHF8EycRGvu6CT89dkPypzc4ri0YG79Hhkjp-dXTyLsDZjkQJ1M80kppAipvhki/s300/fon1.png' style='position:fixed; top: 0px;right:500px;border:none;z-index:3;'/>
<img align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFde_tqwuww36qJmlSMKo858yTzf4ceb5c44_Msf-qbJyUpS18pcZDn_eKzPFOZRPFSeUbtajf-tzjlRHF8EycRGvu6CT89dkPypzc4ri0YG79Hhkjp-dXTyLsDZjkQJ1M80kppAipvhki/s300/fon1.png' style='position:fixed; top: 0px;right:750px;border:none;z-index:4;'/>
<img align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFde_tqwuww36qJmlSMKo858yTzf4ceb5c44_Msf-qbJyUpS18pcZDn_eKzPFOZRPFSeUbtajf-tzjlRHF8EycRGvu6CT89dkPypzc4ri0YG79Hhkjp-dXTyLsDZjkQJ1M80kppAipvhki/s300/fon1.png' style='position:fixed; top: 0px;right:1000px;border:none;z-index:5;'/>
<img align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFde_tqwuww36qJmlSMKo858yTzf4ceb5c44_Msf-qbJyUpS18pcZDn_eKzPFOZRPFSeUbtajf-tzjlRHF8EycRGvu6CT89dkPypzc4ri0YG79Hhkjp-dXTyLsDZjkQJ1M80kppAipvhki/s300/fon1.png' style='position:fixed; top: 0px;right:1250px;border:none;z-index:6;'/>
<img align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFde_tqwuww36qJmlSMKo858yTzf4ceb5c44_Msf-qbJyUpS18pcZDn_eKzPFOZRPFSeUbtajf-tzjlRHF8EycRGvu6CT89dkPypzc4ri0YG79Hhkjp-dXTyLsDZjkQJ1M80kppAipvhki/s300/fon1.png' style='position:fixed; top: 0px;right:1500px;border:none;z-index:7;'/>
<img align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFde_tqwuww36qJmlSMKo858yTzf4ceb5c44_Msf-qbJyUpS18pcZDn_eKzPFOZRPFSeUbtajf-tzjlRHF8EycRGvu6CT89dkPypzc4ri0YG79Hhkjp-dXTyLsDZjkQJ1M80kppAipvhki/s300/fon1.png' style='position:fixed; top: 0px;right:1750px;border:none;z-index:8;'/>
<img align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFde_tqwuww36qJmlSMKo858yTzf4ceb5c44_Msf-qbJyUpS18pcZDn_eKzPFOZRPFSeUbtajf-tzjlRHF8EycRGvu6CT89dkPypzc4ri0YG79Hhkjp-dXTyLsDZjkQJ1M80kppAipvhki/s300/fon1.png' style='position:fixed; top: 0px;right:2000px;border:none;z-index:9;'/>
</div>

<!--Novogodnja motnja ot Blogger.vipbiz.org end-->

Вторая новогодняя гирлянда для Blogger тоже очень красивая. Когда шарики приятный звук издают "при задевании" и раскачиваются, играться можно долго.  Хотела эту гирлянду в самый верх блога установить, но не получилось :( Пробовала прямо в код шаблона добавить - все как-то криво. Шаблон, может, не подходит. Хотя "родной", блоггеровский.

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

Код также вставляется в гаджет HTML/JavaScript. Источник. 

<div class="b-page_newyear">
<div class="b-page__content">
 <!-- новогодняя мотня newyear.html -->
        <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" />

Выбирайте гирлянду, украшайте блог к Новому году.

Кстати, можно еще и шаблон на новогодний сменить )))