Коледна украса за блог на Blogger

Поздрави на всички приятели, гости и случайни читатели на Блог за блогове. Винаги преди Коледа и Нова година мнозина от нас се лутат в Интернет пространството, за да намерят подходяща коледна украса на блога си. И тази година, както миналата, искам да споделя с вас мои идеи.

Ще ви предложа два варианта за промяна в дизайна на блога за предстоящите празници. Ако смятате, че е твърде рано, сложете тази моя публикация в отметките си. Но забелязах, че някои блогъри вече украсяват блоговете си. Така, че решете сами.
Тази година идеите ми са:

Новогодишен пейзаж за блога

Код

<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#26c6da;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>

Голям Новогодишен гирлянд

Код

<!--Novogodnja motnja By Blogzablogove.com-->

<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='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>

<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='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>

<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='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>

<!--Novogodnja motnja By Blogzablogove.com end-->

Използвайте този инструмент, за да разгледате предложенията ми.

Инсталиране

И в двата случая се използва HTML/JavaScript притурка, без значение къде ще я позиционирате в темата си. Не забравяйте да я запаметите и запомнете мястото ѝ, за да я махнете след празниците.

За въпроси моля, в коментарите. А може и на тази страница. Ще съм благодарна да оцените моя труд. Моля, гласувайте за блога ми на:


Здраве за всички вас! Не забравяйте да правите добро на други хора!