Угловой баннер для привлечения вниманияЗдравствуйте уважаемые посетители моего блога. Сегодня я хочу вам рассказать об одной интересной фишке, которая не только сможет украсить ваш блог, но и существенно повысит к нему интерес читателей. Фишка эта называется угловой баннер, или просто ленточка для сайта. У меня она тоже появилась не так давно, но я уже заметил проявление интереса именно к этой странице. А что вообще это за ленточка, и какой смысл ее устанавливать, спросите вы меня? На самом деле, ленточка или баннер, это просто графическое изображение, которое ведет на определенную, заранее созданную вами страницу.

На этой странице можно разместить все самое интересное с вашего блога. Расскажите посетителям, почему именно ваш блог они должны читать, предоставьте информацию об акциях или проводимых конкурсах на своем ресурсе. Придумайте что-то оригинальное, после чего, пользователь подпишется на обновления блога и станет вашим постоянным читателем.

Благодаря данной странице, вы получите следующее:

— Рост числа подписчиков на блог

— Улучшение ПФ

— Увеличение к-ства посетителей

Установить угловой баннер на страницы блога, очень просто. Для этого, мы рассмотрим 2 варианта установки с помощью плагина FCC Ribbon Manager и обычной установкой кода.

Установка углового баннера с помощью плагина FCC Ribbon Manager

Для начала скачиваем плагин, и проводим его активацию. После чего идем Параметры – Ribbon Manager и начинаем настраивать отображение баннера.

В настройках все очень просто.

настройка плагина Ribbon Manager

Image Location Url: — указываем полный путь до картинки, которая будет угловым баннером

Ribbon size: — ширина и высота самого баннера

Destination Url: — адрес страницы, на которую будут попадать пользователя кликнув по баннеру

Title Url: — описание баннера

Align: — место вывода картинки (слева/справа)

После того, как вы заполнили все поля, жмем кнопку Update. В результате вы должны увидеть свой баннер на блоге. У меня он выглядит так, а вот так выглядит сама страница.

пример углового баннера

Установка углового баннера с помощью кода

С помощью этого способа вы установим баннер на блог без использования плагинов. Я рекомендую именно этот способ, так как каждый лишний плагин – дополнительная нагрузка на ваш сервер и влияние на скорость загрузки самого блога.

Для начала откройте файл footer.php и в самом конце перед закрывающимся тэгом </body> вставьте вот такой код:

<div class="lenta"><a href="ссылка на страницу" target="_blank">Название ссылки</a></div>

Мы создаем отдельный класс lenta, в котором указываем ссылку на нужную нам страницу и ее описание.

Следующим нашим шагом будет добавление кода:

.lenta{
background: url('полный путь до картинки-баннера') no-repeat 1px 1px;
width: 150px;
height: 150px;
position: fixed;
top: 0px;
right: 0px;
z-index:10;
}
.lenta a{
text-decoration: none;
text-indent: -2000px;
display: block;
width: 205px;
height: 49px;
margin: 43px 2px;
-o-transform: rotate(44deg);
-webkit-transform: rotate(44deg);
-moz-transform: rotate(44deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

в самый конец файла стилей style.css

Не забудьте поменять настройки на свои. Укажите полный путь к картинке-баннеру и задайте ее размеры.

Сохраните изменения, и если вы все сделали правильно, то сможете увидеть симпатичный баннер у себя на страницах.

С установкой баннера мы разобрались, но у меня для вас еще парочка новостей.

Новость №1. Я создал, и теперь активно буду наполнять свои группы в Вконтакте и Facebook. Можете вступать в эти группы, чтобы быть всегда на связи со мной и делится различными новостями.

Новость №2. Запустил на блоге постоянную акцию – «Комментируй и получай выгоду». Тот читатель, который оставит на протяжении месяца больше всего комментариев получает от меня денежное вознаграждение в размере 200 рублей и ссылку на свой ресурс из блока «Топ комментаторов» расположенного на всех страницах блога (всего 6 активных комментаторов смогут получить ссылки на свой ресурс).

На этом у меня все друзья. Можно приступать к разгадыванию кроссворда №4 (результаты марафона будут в следующей статье).

==> Начать разгадывать кроссворд №4 <==

кроссворд №4

==> Отправить ответ <==

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(1 голос, в среднем: 5 из 5)