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

Дом украсили? А блог? Блоговедение для чайников №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 )

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

Ярлыки

Ярлыки:

Комментарии

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

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

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

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

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

Сегодня мне подкинули новый вопрос. Как в комментариях оставить активную ссылку, а не просто адрес, который нужно копировать , открывать новое окно браузера, вставлять в командную строку и только тогда попадать на требуемую страничку, фотографию или картинку. Ну что ж, я постаралась найти решение в своем стиле, то есть самое простое в исполнении, которое  не требует особых навыков и знаний, как раз для Блоговедения для чайников. 
32 комментария
ЧИТАТЬ ПОЛНОСТЬЮ

Извержение.

Последнее время луна в том созвездии, что все происходит совсем не так, как ожидаешь. Вот извержений разных я как раз и не ждала, благо рядом ни вулканов, ни гейзеров. На днях решала провернуть привычную процедуру выведения пятен. Делала это не один десяток раз, руки действуют уже не привлекая голову. На плите кастрюлька на 10 л с кипятком наполовину, я рядом задумчивая, в руках порошок, никто не ревет в ногах, в общем тишина и покой. Сыпанула порошка в кастрюльку, а оттуда вдруг вода с пеной поперла, да резво так, реально гейзером себя возомнила. Залила всю варочную поверхность. Я так и не поняла, чЁ это было.  Да, обычно реакция бурная, но вот не так же, чтобы половина содержимого в момент наружу выскочила.. Сегодня... День не задался с утра. Но во второй половине дня я ушла в релакс (читать можно как сад) и хлопотала там, отдыхая душой. Готовка была позабыта, так как Любимый до вечера позднего домой не ожидался, да и вернуться должен был сытым, благо от...
Отправить комментарий
ЧИТАТЬ ПОЛНОСТЬЮ