Безплатен блог на платформата Blogger (blogspot). Създаване, водене, персонализиране, дизайн, притурки в примери. Препоръки и съвети за начинаещи и напреднали блогъри.

Търсене

Breaking

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

Коледна украса за блог на 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 притурка, без значение къде ще я позиционирате в темата си. Не забравяйте да я запаметите и запомнете мястото ѝ, за да я махнете след празниците.

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

    BGtop

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

    1 коментар:

    1. Здравейте, няма нужда да ми благодарите, съдържанието на Blogzablogove е достъпно за всички. Радвам се за вас!

      ОтговорИзтриване