Как создать парящий эффект изображения в Blogger

Как создать парящий эффект изображения в Blogger

Эффект изображение при наведении в Blogger. Это очень простой трюк, и им используются многие на Blogers. Это просто легкая маленькая уловка CSS, что можно сделать добавив этот стиль класс CSS в свой блог, используя ваш URL изображения.

И так для начала войти в Blogger.
> Blogger > Изменить Html найти Ctrl+F </head>

И вставить нижний CSS код выше </head>

<style type="text/css">

a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }

</style>

Теперь сохраните шаблон.
Теперь, когда вы вставлять изображения в свой блог или в просто в пост сообщения Вы используете обычный код, как показано ниже.

В ваших блогах для изображений Вы используете зеленый код, как показано ниже.

<a href="http://bloggertak.blogspot.com" target="_blank" alt="Blogger Трюк"><img src="http://blogspot.com/_254656/676767I/6г65г56г/3yt454hj.jpg"/></a>

А теперь используйте код который ниже синий в место обычного зеленого кода, чтобы получить этот красивый аффект.)

<a class="linkopacity" href="http://bloggertak.blogspot.com" target="_blank" alt="Blogger Трюк"><img src=" http://blogspot.com/_254656/676767I/6г65г56г/3yt454hj.jpg " /></a>