Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот)
Если вы решили оставить такой эффект надолго и у вас уже есть опыт работы с шаблоном Блоггер, Blogspot, то удаляете предыдущий код с гаджетом и перед ]]></b:skin> добавляете:
Только что оформил по новому наведенные ссылки и очень рад эффекту! А что бы нововведение стало достоянием общественности, сразу же публикую код и способ установки. © blogodel.com
Не могу не упомянуть источник идеи - автора замечательного блога и популяризатора платформы Блогспот, Blogger: MagentaWAVE
Не могу не упомянуть источник идеи - автора замечательного блога и популяризатора платформы Блогспот, Blogger: MagentaWAVE
http://www.magentawave.com/

Если вам понравился эффект и вы решили это внедрить у себя, то установка очень проста. Добавьте нижеприведенный код в: Дизайн - Добавить гаджет - HTML/JavaScript
<style>a {display: inline-block;
padding: 2px;
outline: 0;
border: 1px solid transparent; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px; -webkit-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -moz-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -o-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease;
}
a:hover {
background: #e8e8e8; border: 1px solid #999999; text-decoration: none; text-shadow: none; -moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); -webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); }
}
</style>
padding: 2px;
outline: 0;
border: 1px solid transparent; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px; -webkit-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -moz-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -o-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease;
}
a:hover {
background: #e8e8e8; border: 1px solid #999999; text-decoration: none; text-shadow: none; -moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); -webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); }
}
</style>
Красная маркировка - цвет заднего фона таблички, зеленая - цвет рамки.
Если вы решили оставить такой эффект надолго и у вас уже есть опыт работы с шаблоном Блоггер, Blogspot, то удаляете предыдущий код с гаджетом и перед ]]></b:skin> добавляете:
a {display: inline-block;
padding: 2px;
outline: 0;
border: 1px solid transparent; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px; -webkit-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -moz-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -o-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease;
}
a:hover {
background: #e8e8e8; border: 1px solid #999999; text-decoration: none; text-shadow: none; -moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); -webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); }
}
© blogodel.com
padding: 2px;
outline: 0;
border: 1px solid transparent; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px; -webkit-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -moz-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -o-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease;
}
a:hover {
background: #e8e8e8; border: 1px solid #999999; text-decoration: none; text-shadow: none; -moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); -webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); }
}
Апдейт: Не удержался и модифицировал код. Теперь еще и цвет, автоматически меняется у таблички! Красная маркировка это цвет, который можно поменять.
<style>a {display: inline-block;
padding: 2px;
outline: 0;
border: 1px solid transparent; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px; -webkit-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -moz-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -o-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease;
}
a:hover {
border: 1px solid #999999; text-decoration: none; text-shadow: none; -moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); -webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
background:#e8e8e8;
-moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
-webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
-moz-animation: animaciy9 2s ease-in-out 1s infinite alternate;
-webkit-animation: animaciy9 2s ease-in-out 1s infinite alternate;
-ms-animation: animaciy9 2s ease-in-out 1s infinite alternate;}
@-moz-keyframes animaciy9 {
from { background-color: #e8e8e8;}
to { background-color: #ffff00;}
}
@-webkit-keyframes animaciy9 {
from { background-color: #e8e8e8;}
to { background-color: #ffff00;}
}
@-ms-keyframes animaciy9 {
from { background-color: #e8e8e8;}
to { background-color: #ffff00;}}
</style>
padding: 2px;
outline: 0;
border: 1px solid transparent; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px; -webkit-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -moz-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -o-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease;
}
a:hover {
border: 1px solid #999999; text-decoration: none; text-shadow: none; -moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); -webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5); box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
background:#e8e8e8;
-moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
-webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
-moz-animation: animaciy9 2s ease-in-out 1s infinite alternate;
-webkit-animation: animaciy9 2s ease-in-out 1s infinite alternate;
-ms-animation: animaciy9 2s ease-in-out 1s infinite alternate;}
@-moz-keyframes animaciy9 {
from { background-color: #e8e8e8;}
to { background-color: #ffff00;}
}
@-webkit-keyframes animaciy9 {
from { background-color: #e8e8e8;}
to { background-color: #ffff00;}
}
@-ms-keyframes animaciy9 {
from { background-color: #e8e8e8;}
to { background-color: #ffff00;}}
</style>
28 коммент.:
https://www.blogger.com/profile/05069681985675276048
https://www.blogger.com/profile/13746790384341325111
Оформление ссылок понравилось, только, к сожалению, у меня применить этого нельзя - меню портится. А жаль!
https://www.blogger.com/profile/10624284754553948649
https://www.blogger.com/profile/07448972178358822541
С уважением - Viiksi.
https://www.blogger.com/profile/04956960890527067484
А чуть раньше и птичку "запустила". Теперь такая вот незадача: за птичкой шлейф из буковок появляется. Да и птичка визуально "множится" - двоится-троится-... (Первоначально такого не наблюдалось). Жалко птичку-то удалять. Она мне так понравилась!
Что я сделала не так?(
https://www.blogger.com/profile/11380849388757505551
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/11380849388757505551
https://www.blogger.com/profile/13976338756493066744
https://www.blogger.com/profile/13746790384341325111
Нашел информацию по установке заставки перед входом на сайт http://evgeniybolgov.com/view_post.php?id=64
http://joomlaforum.ru/index.php?topic=111573.0
Думаю многие были бы рады посту на тему как установить заставку перед входом в блоггер блогспот.
Не знаю работает ли это под блоггер, но если можно это переделать под блогспот, то было бы очень хорошо))
https://www.blogger.com/profile/08726457423694510321
https://www.blogger.com/profile/08726457423694510321
"есть много страниц с названием в адресной строке post-8" в адресной строке запись в транслите с названием статьи это конечно немного лучше, но не настолько, что бы терять траст статей и публиковать с новым урлом. У мня например по запросу Блогспот статья с адресом:
http://blogodel.com/2012/01/blog-post_07.html
входит в первую десятку Гугла!
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/08726457423694510321
https://www.blogger.com/profile/11380849388757505551
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/11380849388757505551
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/11380849388757505551
https://www.blogger.com/profile/02689331338388929485
С уважением, Алина
https://www.blogger.com/profile/01414188913024718766
http://blogodel.com/2013/06/Samaja-prostaja-ustanovka-vsplyvajushhej-podskazki-dlja-Blogspot-Blogger.html
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/15858445585320501079
http://dj-angell.blogspot.com/
https://www.blogger.com/profile/16911621584953669489
http://www.stm.dp.ua/web-design/color-html.php
https://www.blogger.com/profile/13746790384341325111
Отправка комментария
Дорогие Друзья! К сожалению, по причине здоровья, моя активность по этому блогу будет осуществляться по мере ВОЗМОЖНОСТИ!