Фиксирования кнопка “Акции” для блога

На блоге я публиковал Отгибающийся уголок на сайте – без плагина, но мне постоянно приходят письма с просьбой рассказать как я реализовал на нашем блоге кнопку “Акция” в правом верхнем углу.

Для этого есть и плагины, но смысла в них совершено нет потому, что там делов на пару минут. Давайте рассмотрим как это сделать, вместо кнопки “Акции” можно сделать и любую другую на своё усмотрение.

1. Вставляем кнопку в шапку блога

Вставляем данный код в ваш шаблон, например в header.php

<div id="akcia">
<a href="ссылка" title="Участвуй в наших Акциях" target="_blank"><img src="ссылка на картинку" alt="Участвуй в наших Акциях" title="Участвуй в наших Акциях"></a>
</div>

В коде надо вставить ссылку на страницу и указать ссылку на картинку с кнопкой.

2. Добавление стилей CSS для кнопки

Теперь добавляем в стили css свойства для нашей кнопки:

#akcia {
position: fixed;
right: 10px;
top: 40px;
}

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

Вот и все, как ведите ничего сложного.