Красивый Новогодний пейзаж для блога

новый год
Дорогие мои друзья, читатели и гости блога. Сегодняшним постом я заканчиваю тему Новогодних украшений блога. Времени у нас до встречи 2015 года осталось совсем немного. Так что если вы ещё не решили как поздравить своих посетителей, надеюсь, что этот вариант придётся вам по душе. Ведь впереди не только Новый Год, но и Рождество.
Поэтому предлагаю вам сначала  посмотреть о чём идёт речь и  заглянуть сюда. И падающие снежинки, и колокольчики, и праздничный фон.



А теперь, как сделать красивый Новогодний пейзаж у себя в блоге.

Всё, как всегда просто. Панель администратора, вкладка дизайн, добавить гаджет, выбрать HTML/JavaScript и вставить туда код, который приведён ниже.

<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#f5465a;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://lh6.googleusercontent.com/-c8CoUvCourw/UMcWWTeBE-I/AAAAAAAABcU/q-j9X7733zw/s150/top-left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://lh5.googleusercontent.com/-JABklf9ModU/UMcWWzSSJ4I/AAAAAAAABcY/g4sZMhrgjXU/s150/top-right.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:104px;background:url(https://lh6.googleusercontent.com/-kph53UsoxM4/UMczVhTsCVI/AAAAAAAABcs/DVTyvtz7blc/s1600/footer.png) repeat-x bottom left;"></div><img style="position:fixed;z-index:9999;bottom:30px;left:30px" src="https://lh4.googleusercontent.com/-mEgGUg-ou4k/UMcz0qy2NhI/AAAAAAAABc0/gF1uW4iE6y0/s180/bottom-left.png"/>');var no=100;var hidesnowtime=0;var snowdistance='pageheight';var ie4up=(document.all)?1:0;var ns6up=(document.getElementById&&!document.all)?1:0;function iecompattest(){return(document.compatMode&&document.compatMode!='BackCompat')?document.documentElement:document.body}var dx,xp,yp;var am,stx,sty;var i,doc_width=800,doc_height=600;if(ns6up){doc_width=self.innerWidth;doc_height=self.innerHeight}else if(ie4up){doc_width=iecompattest().clientWidth;doc_height=iecompattest().clientHeight}dx=new Array();xp=new Array();yp=new Array();am=new Array();stx=new Array();sty=new Array();for(i=0;i<no;++i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=0.02+Math.random()/10; sty[i]=0.7+Math.random();if(ie4up||ns6up){document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"><span style="font-size:18px;color:#fff">*</span><\/div>')}}function snowIE_NS6(){doc_width=ns6up?window.innerWidth-10:iecompattest().clientWidth-10;doc_height=(window.innerHeight&&snowdistance=='windowheight')?window.innerHeight:(ie4up&&snowdistance=='windowheight')?iecompattest().clientHeight:(ie4up&&!window.opera&&snowdistance=='pageheight')?iecompattest().scrollHeight:iecompattest().offsetHeight;for(i=0;i<no;++i){yp[i]+=sty[i];if(yp[i]>doc_height-50){xp[i]=Math.random()*(doc_width-am[i]-30);yp[i]=0;stx[i]=0.02+Math.random()/10;sty[i]=0.7+Math.random()}dx[i]+=stx[i];document.getElementById('dot'+i).style.top=yp[i]+'px';document.getElementById('dot'+i).style.left=xp[i]+am[i]*Math.sin(dx[i])+'px'}snowtimer=setTimeout('snowIE_NS6()',10)}function hidesnow(){if(window.snowtimer){clearTimeout(snowtimer)}for(i=0;i<no;i++)document.getElementById('dot'+i).style.visibility='hidden'}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout('hidesnow()',hidesnowtime*1000)}
//]]>
</script>

После установки кода не забудьте сохранить гаджет и запомнить где вы его установили.

И ещё один код Новогодней гирлянды, которая прикрепится по всему периметру блога. Очень интересно смотрится. Однако на этом блоге у меня код не сработал, а вот на других всё нормально. Посмотрите сами на эту красоту на тестовом блоге.

Вот код. Вставляем также через гаджет HTML/JavaScript.

<script type="text/javascript"src="http://szenprogs.ru/scripts/garland/garland.js"></script>
<script type="text/javascript"><!--
  garland.imgtop = 'http://szenprogs.ru/scripts/garland/girlyanda-t.gif';
  garland.imgbottom = 'http://szenprogs.ru/scripts/garland/girlyanda-b.gif';
  garland.imgleft = 'http://szenprogs.ru/scripts/garland/girlyanda-l.gif';
  garland.imgright = 'http://szenprogs.ru/scripts/garland/girlyanda-r.gif';
  garland.height = 30;
  garland.showleft = true;
//-->
</script>

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

Удачи всем нам.
Ой, а что это там ниже? Ну надо же! Нажимаем!

оформите подписку на новые шпаргалки

Введите Ваш email ...:


14 комментариев:

  1. Классно! Но я наверное больше не буду украшать! хватит и того, что есть:))) А то слишком хорошо, тоже плохо:))) Викусь, спасибо тебе большое!

    ОтветитьУдалить
    Ответы
    1. Ирина, лишнего и правда не надо. Завтра забегу к тебе в гости посмотрю. Тебе спасибо.

      Удалить
  2. Превосходно! Так красиво-сказочно! Блог лучше украшен, чем моя комната=D С наступающим!

    ОтветитьУдалить
    Ответы
    1. Анна, и тебя с наступающим. Сегодня забегала к тебе. Очень понравились твои рекомендации на тему подарков.

      Удалить
    2. Спасибо большое=)

      Удалить
  3. Спасибо большое за подсказки!

    ОтветитьУдалить
    Ответы
    1. Носова Е.Ю., во первых с наступающим Вас. Мне так приятно, что мои шпаргалки пригодились. Новый Год ведь и так хочется чего-то необычного. Иногда даже делать такие маленькие подарки куда приятнее, чем получать. Мне очень приятно.

      Удалить
  4. Красота и предвкушение праздника! Если бы еще можно было добавить аромат мандаринов...

    ОтветитьУдалить
    Ответы
    1. Привет Ирина. С мандаринами да!!! Побрызгай ароматизатором на комп.

      Удалить
  5. Ой, Вика очень нужна помощь профи!!! Написала через форму и продублировала сообщение на почту. Отзовись, пожалуйста

    ОтветитьУдалить
  6. Герлянда этот код тоже у меня не работает, нашол такую же установил код теперь робит. Пример мой: utami.ru
    Код можно получить нажав внизу страницы на Get Code (слабо заменто, на белом фоне посреди)

    ОтветитьУдалить
    Ответы
    1. utamirus у меня на всех блогах работает. Посмотрела у Вас блог, вероятнее всего из-за того, что много флеш-анимации установлено.

      Удалить
  7. У меня фонарики установились, правда, немного загораживают кнопки, которые тоже по периметру.
    Не знаю, как долго продержатся, слишком мельтешат.)
    Календарик с обезьянкой тоже классный, подумаю, может и его добавлю, правда великоват.
    Спасибо!

    ОтветитьУдалить
    Ответы
    1. Олеся, ну Новый Год пройдёт и всё равно всё это удалять будем. А с обезьянкой так подбери свою картинку. Только небольших размеров. там подогнать можно.

      Удалить

Пользовательский поиск