Як вставити кнопки на сайт

Як вставити кнопки на сайт

В інтернеті існують загальноприйняті стандарти на розміри рекламних банерів. Банери самого маленького з розмірів (88 на 31 піксель) прийнято називати «кнопками». Їх найбільш часто використовують не для повномасштабної реклами, а при обміні посиланнями між власниками сайтів або як графічних лічильників відвідувачів. Послідовність дій при розміщенні таких кнопок на вашому сайті описана нижче.

Вам знадобиться

Система управління сайтом або текстовий редактор.

Інструкція

  1. Якщо вам потрібно розмістити кнопку-лічильник якого або інтернет-каталогу або рейтингової системи, то, як правило, разом з реєстрацією на цьому ресурсі, ви отримуєте код для вставки в свої сторінки. Це може бути JavaScript-код або простий код HTML. Сама картинка при цьому знаходиться на сервері рейтингової системи, завантажувати її на ваш сервер не потрібно. У цьому випадку послідовність ваших дій має бути така:

    - В редакторі сторінок системи управління вашим сайтом відкрийте потрібну сторінку і перейдіть в режим редагування html-коду. Якщо ви не використовуєте систему управління сайтом, то скачайте файл з вихідним кодом сторінки до себе в комп’ютер і відкрийте його, наприклад, в стандартному блокноті. Скачувати сторінку зручно за допомогою файл-менеджера, який є практично в будь-якій панелі управління хостингу компанії;

    - Потім скопіюйте код лічильника і вставте в потрібне вам місце вихідного коду редагованої сторінки. Кнопки лічильників, як правило, поміщають в самий низ сторінки, тобто перед тегом </ body>. Але, залежно від дизайну вашої сторінки, його можна помістити і в інше місце;

    - Якщо ви використовуєте он-лайн редактор, то просто збережіть зміни. Якщо редагуєте сторінку в текстовому редакторі, то, зберігши, не забудьте закачати на сервер, замінивши існуючий файл сторінки. Це можна зробити за допомогою того ж файл-менеджера.
  2. Якщо це кнопка не від рейтингової системи, а від будь-якого партнера по обміну посиланнями, то і в цьому випадку, найчастіше, партнер надає код для вставки його в сторінки вашого сайту. Ваші дії повинні бути таким же, як у попередньому варіанті. Різниця може полягати в тому, що саму картинку ви повинні розмістити на своєму сайті. Закачати її на свій сервер можна скориставшись тим же файл-менеджером хостинг-провайдера або системи управління сайтом.
  3. Якщо у вашому випадку ніякого вихідного коду в комплекті з кнопкою немає, то його не важко скласти самостійно. У мові HTML (HyperText Markup Language — «мова розмітки гіпертексту») для відображення картинки служить тег, який виглядає так:

    <img src=»button.gif» border=»0″>

    Тут button.gif в атрибуті src вам треба замінити на ім’я файлу вашої кнопки. Цей тег зображення слід помістити всередину тега, що формує гіперпосилання:

    <a href=»http://partnerSite.ru»> <img src=»button.gif» border=»0″> <br /> </ a>

    Тут http://partnerSite.ru в атрибуті href вам треба замінити на адресу сайту вашого партнера по обміну посиланнями.

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