Украшаем блог к Новому году.

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

Но сначала поделюсь радостью. У меня понемногу растет число постоянных читателей. Большинство из которых я сама с удовольствием читаю. Но сегодня ночью у меня появился интересный читатель Justus. Что в нем особенного? Во-первых, это мужчина что само по себе удивительно, во-вторых, это человек, которые реально понимает во всех этих крючках и закорючках для кодов наших блогов и пишет статьи на эти темы, стараясь излагать текст в доступной форме. 

Вот оттуда то я и принесла ворох еловых веток с новогодними шарами, которые буду раздавать. В-третьих, меня очень удивило, что мои далекие от профессионализма попытки усовершенствовать свой блог, а заодно и поделиться со всеми, стали интересны профессионалу. 

Ну что, начнем? Открываем уже знакомый ДИЗАЙН, кликаем по ДОБАВИТЬ ГАДЖЕТ, выбираем HTML/JavaScrirt и в открывшееся окно вставляем код, которые у меня напечатан ниже (пусть Вас не пугает его длина, смело копируйте полностью)

<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://mechta.by/wp-content/themes/paris/images/b-head-decor/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://mechta.by/wp-content/themes/paris/images/b-head-decor/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://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n4.png" style="position:fixed; top: 0px;right:310px;border:none;z-index:5;"/></div>

<img class="st" src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n3.png" style="position:fixed; top: 0px;right:620px;border:none;z-index:9;"/><img class="st"  src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n2.png" style="position:fixed; top: 0px;right:470px;border:none;z-index:9;"/><img class="st2" src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-ball_n3.png" style="position:fixed; top: 0px;right:170px;border:none;z-index:9;"/><img src="https://lh6.googleusercontent.com/-5R7C9LMfqKY/Txo_0iOthMI/AAAAAAAAELw/rzmYWYHYXBs/w189-h197-k/christmas-icon.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:9;"width="140"/><img src="https://lh4.googleusercontent.com/-PbiGUGyANAs/Txo_yfoVXSE/AAAAAAAAELw/cZylwGVCEuw/s145-c/212012" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/><img src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:1;"/><img src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:810px;border:none;z-index:5;"/><img src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:210px;border:none;z-index:5;"/><img src="http://mechta.by/wp-content/themes/paris/images/b-head-decor/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:510px;border:none;z-index:5;"/>

Сохраняем. Перетаскиваем гаджет наверх (ага,он у меня тоже вырывался и прятался обратно вниз) и сохраняем расположение (кнопочка вверху справа). Готово! Теперь красота кругом, можно подумать и о подарках.

(А я полезла в настройки искать, куда же я засунула этот No Right-Click чтобы отменить его, раз уж начала писать тексты, которые нужно копировать. Для тех, кто попытается ухватить веточки одним из первых и не сможет скопировать, напоминаю, что правую клавишу мышки можно заменить сочетанием 2х клавиш на клавиатуре ctrl+c )

ЗЫ. Не забудьте дать имя новому гаджету, иначе будете с елкой круглый год)))) Удачи! Ну и пишите отзывы, пожалуйста!