К основному контенту

Дом украсили? А блог? Блоговедение для чайников №4.




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


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

Ну что,начнем?! Открываем уже знакомый ДИЗАЙН, кликаем по ДОБАВИТЬ ГАДЖЕТ, выбираем 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>
<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 )

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

Комментарии

Отправить комментарий

Популярные сообщения из этого блога

Как в комментариях оставить активную ссылку? Просто до смешного!

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

Антицеллюлитный крем или ААААААА, как все горит!!!!!!

История эта произошла не вчера и даже не в прошлом году, но до сих пор вызывает улыбку, а то и смех. Не подумайте, что мой блог сменил направление в сторону бьюти, нет. Но речь пойдет о креме. Точнее, об антицеллюлитном креме. Это не реклама, а прикольная история, как мы тестировали чудо крем. В то время у меня был свой небольшой магазинчик, который приносил не только деньги, но и моральное удовлетворение. Я всегда прислушивалась к словам, просьбам и советам покупателей, всегда старалась найти для них то, что просят, удивить новеньким и просто любила с ними поболтать. Столько лет прошло, а со мной до сих пор здороваются и улыбаются мне. Так вот однажды мое внимание привлек спрос на один крем. Я никогда не верила, что крем может помочь похудеть. В этом вопросе спорт зал справится в разы лучше, поэтому и покупателям никогда не "втирала" про чудодейственные средства. Но этот крем пришлось заказывать много, так как его отлично покупали без моих рекомендаций. Зацепил

Забота.

Забота- это нечто доброе, трогательное и всегда хорошее. Проснулась с больным горлом, ломотой в мышцах и суставах. За окном холодно и дождь. Хочется поиграть в гусенечку, которая мнит себя бабочкой. Завернуться в одеяло и выбраться оттуда уже Еленой Прекрасной.  Обычно в моей аптечке есть все необходимое, но пару недель назад я прошлась по срокам годности и не жалея отправила в ведро часть лекарств. В итоге для лечения горла пришлось делать содово солевой раствор для полоскания. Мама троих детей разносить заразу не имеет права. Любимому скинула список лекарств, сама устроилась на кровати с телефоном в руках, надеясь, что в ближайшее время никому не понадоблюсь. -Мааам, а ты чего делаешь? А почему в телефоне сидишь?- удивилась Софья (8 лет) -Я немного приболела, сил нет, полежу пока. -Что болит? -Горло.. -Аеколом обработать? -Я его выкинула, нету. Да и мне лучше бы каметончиком побрызгать. Каметона тоже нет, точно знаю, но этого я, к сожалению, не сказала