Как установить баннер на сайт (блог)

  Автор:
  2111
как установить баннер на сайт

Здравствуйте!

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

Не давно, на своём блоге, я установила баннер в сайдбаре. И теперь хотела поделиться этими знаниями с вами, так как прекрасно знаю, что эта информация обязательно пригодится особенно новичкам.

На примере электронной книги «Как создать уникальные и оптимизированные картинки» и покажу. В дальнейшем вы сможете сделать любой баннер и для любого инфопродукта.

Из каких шагов состоит установка баннера:

  1.  Подготовка изображения 3D обложки в формате .jpg или .png
  2.  Заходите в админку вашего блога под вашим логином и паролем
    в меню «Медиафайлы» нажимаете на «Добавить новый»
  3.  Загружаете картинку и копируете ссылку на неё
  4.  Формируете скрипт, который и будет установлен на блог

Как сделать 3D обложку — читайте статью «3D обложка для книги»

Где взять ссылки для формирования скрипта

Загружаете картинку в библиотеку медиафайлов

как установить баннер на сайт

Для того чтобы сформировать скрипт необходимо: закачиваете картинку в библиотеку медиафайлов, копируете URL адрес на картинку и сохраняете её в блокноте.

как установить баннер на сайт

В моём примере: URL адрес картинки выглядит так http://liudmilaustyanceva.ru/wp-content/uploads/2016/05/kniga-1.png

Ещё необходимая ссылка для для формирования скрипта — это URL адрес подписной страницы. Она берётся в строке браузера после того, как вы её «закачаете» на блог.

как установить баннер на сайт

Копируете ссылку и сохраняете её в блокноте.

Как сформировать скрипт для баннера

Вот такой вид имеет скрипт:

<a href=»url адрес подписной страницы»
target=»_blank»><img src=»url адрес картинки на блоге»/></a>

Обратите внимание, что ссылки необходимо вставлять аккуратно, чтобы не было пробелов, иначе баннер работать не будет!

А мой скрипт для вставки имеет такой вид:

<a href=»http://liudmilaustyanceva.ru/kniga/»target=»_blank»><img src=»http://liudmilaustyanceva.ru/wp-content/uploads/2016/05/kniga-1.png» width=»250″ height=»300″alt=»Созданиеуникальных картинок»/></a>

Вы можете подставлять ваши ссылки и получите уже ваш скрипт.

Как установить скрипт на блог

  • Определяете место установки баннера, в данном примере сайдбар;
  • заходите в меню «Внешний вид» далее «Виджеты»;
  • устанавливаем виджет «Текст» в сайдбар;
  • вставляете скрипт и пишете заголовок;
  • нажимаете кнопку «Сохранить».

как установить баннер на сайт

Баннер установлен, проверяем на блоге.

как установить баннер на сайт

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

Заключение

По этой схеме вы всегда сможете установить любой баннер на любой ваш или партнёрский инфопродукт, только вместо url адреса подписная страница (в данном примере) ставите вашу партнёрскую ссылку.

Удачи и Успеха
С уважением, Людмила Устьянцева

Рекомендую:

Как создавать, управлять и отображать рубрики на блоге.
Как создавать, управлять и отображать метки в статьях
Проведение вебинара на блоге с помощью Youtube и Hangouts

Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:
Оставьте свой комментарий:
2 комментария
  1. Denis

    Здравствуйте Людмила! У меня к вам вопрос по вашей статье, почему вы ссылку называете скриптом?

на Блоге
в Вконтакте
в Фейсбук