Как разместить баннер на сайт.

разместить баннер на сайт

Здравствуйте, друзья! В этой статье Вы узнаете, как я размещаю баннер на свой блог. Как я понимаю, что такое баннер. Это картинка, кликая по которой, я оказываюсь на нужном мне ресурсе, т. е. это ссылка. Чтобы создать самому баннер, нужно взять (или создать) нужную картинку и сделать ее кликабельной. Я делаю это так:

 

сначала я создаю простую ссылку -

<a href="ссылка на подписную страницу">текст ссылки</a>

тег a - это тег ссылки, href - атрибут, в который я вставляю ссылку на мой блог.

<a href="http://infobiznesvera.ru/wppage/poshagovaya-instruktsiya-cpa-seti/">главная страница</a>

На место "главная страница", я могу вставлять все, что мне нужно. Но у меня есть своя задача на данном этапе, это баннер. Я беру нужную мне картинку, загружаю ее на блог в библиотеку медиафайлов, кликаю по ней, меня переносит в параметры файла. Здесь я копирую URL картинки, вставляю его вместо "главная страница", получаю:

<img src="http://infobiznesvera.ru/wp-content/uploads/2016/10/3D-dlya-sayta-1.png">

где img - тег картинки, src - путь до картинки, для примера я взяла нужную мне картинку.

Теперь я их объединяю:

  1. <a href="http://infobiznesvera.ru/wppage/poshagovaya-instruktsiya-cpa-seti/">главная страница</a>
  2. <img src="http://infobiznesvera.ru/wp-content/uploads/2016/10/3D-dlya-sayta-1.png">

Стираю "главная страница", на это место вставляю код для картинки (2 строка).

<a href="http://infobiznesvera.ru/wppage/poshagovaya-instruktsiya-cpa-seti/"><img src="http://infobiznesvera.ru/wp-content/uploads/2016/10/3D-dlya-sayta-1.png"></a>

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

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

 


ПОНРАВИЛАСЬ СТАТЬЯ? РАССКАЖИ ДРУЗЬЯМ!

3 комментария на Как разместить баннер на сайт.

  1. Спасибо за статью!Сначала показалось непонятно, но когда начала делать, все оказалось просто и быстро!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Друзья! Не удивляйтесь, что Вы сразу не видите свои комментарии.
Они обязательно появятся сразу после модерации.