Blogger оптимизация шаблона

Wednesday, February 10, 2016

“Украшение в шапку Блогспот, Blogger ко дню Валентина” plus 1 more

Заработок в интернете на блогах платформы blogger

tweetn

“Украшение в шапку Блогспот, Blogger ко дню Валентина” plus 1 more

Украшение в шапку Блогспот, Blogger ко дню Валентина

Posted: 10 Feb 2016 10:05 AM PST

Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот)

Что то не активны в этом году читатели к дню святого Валентина! В прошлом году было много комментариев к постам: Украшение ко дню Валентина - скрипт "падающие сердечки"  и Курсор - сердечко, ко дню Валентина А в этом затишье!
Ну да ладно! Я вот тут сообразил маленькую праздничную поделку, которую предлагаю вашему вниманию. Если вы заметили украшение в шапке блога и вам понравилось, тогда продолжаем! А прололжаем, как обычно:


Код установки в: Дизайн - Добавить гаджет - HTML/JavaScript
<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>

<br />
<div style="padding: 0px;">
<img class="st2" height="50" src="http://s017.radikal.ru/i434/1302/ff/952010784ec2.gif" style="border: none; left: 50px; position: fixed; top: 0px; z-index: 9;" width="55" /></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>

<br />
<div style="padding: 0px;">
<img class="st1" height="30" src="http://s017.radikal.ru/i434/1302/ff/952010784ec2.gif" style="border: none; left: 130px; position: fixed; top: 0px; z-index: 6;" width="30" /></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>

<br />
<div style="padding: 0px;">
<img height="45" src="http://s018.radikal.ru/i503/1302/c0/b8081b35cf7d.png" style="border: none; position: fixed; right: 200px; top: 0px; z-index: 9999;" width="660" /></div>
<img class="st2" height="40" src="http://s017.radikal.ru/i434/1302/ff/952010784ec2.gif" style="border: none; position: fixed; right: 150px; top: 0px; z-index: 9;" /><img class="st1" height="20" src="http://s017.radikal.ru/i434/1302/ff/952010784ec2.gif" style="border: none; position: fixed; right: 10px; top: 0px; z-index: 5;" width="20" /><img class="st1" height="65" src="http://s017.radikal.ru/i434/1302/ff/952010784ec2.gif" style="border: none; position: fixed; right: 80px; top: 0px; z-index: 5;" width="60" /><img class="st" height="40" src="http://s017.radikal.ru/i434/1302/ff/952010784ec2.gif" style="border: none; position: fixed; right: 30px; top: 0px; z-index: 9;" width="40" /><img class="st1" height="30" src="http://s017.radikal.ru/i434/1302/ff/952010784ec2.gif" style="border: none; left: 0px; position: fixed; top: 0px; z-index: 6;" width="30" /></div>

С наступающим праздником!

http://blogodel.com/

Сердечки на Блогспот, Blogger блог, ко дню святого Валентина

Posted: 09 Feb 2016 05:39 AM PST

Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот)

Тикают часы приближая нас к очередному празднику - дню святого Валентина, самому романтическому дню в году. И даже отъявленные скептики хотят провести его так, чтобы запомнилось надолго. А нам помогут сделать праздник незабываемым - удивительные виджеты на Блогспот, Блоггер! И поэтому у нас сегодня в гостях, со своими разработками - японские вебмастера.

Первый виджет "мерцающие сердечки"


Код установки в: Дизайн - Добавить гаджет - HTML/JavaScript
<!--ブログ・スイッチコード/-->
<script src="http://www.blog-switch.com/widgets/68561/4267994210.js" type="text/javascript" charset="UTF-8"></script>
<div style="width: 160px; text-align: center; margin: 0 auto; font-size: 10px;"><a href="http://www.blog-switch.com/widget/68561" target="_blank">ブログ・スイッチ</a></div>
<!--ブログ・スイッチコード/-->

Преимуществом является то, что сердечки "мерцают" в верхней части блога не мешая чтению. А недостаток тот, что виджет генерирует небольшой баннер. Поэтому разместить виджет, лучше в подвале блога и баннер на период праздников "потерпеть".

Следующий виджет "Цветные сердечки"


Код установки

<!--ブログ・スイッチコード/-->
<script src="http://www.blog-switch.com/widgets/82402/7449430300.js" type="text/javascript" charset="UTF-8"></script>
<div style="width: 160px; text-align: center; margin: 0 auto; font-size: 10px;"><a href="http://www.blog-switch.com/widget/82402" target="_blank">ブログ・スイッチ</a></div>
<!--ブログ・スイッチコード/-->


http://blogodel.com/
Posted by Tanjah3 at 2:01 PM

0 comments:

Post a Comment