Як вставити кнопки на сайт
Відео: Як вставити кнопки соцмереж на сторінки свого сайту
Содержание
В інтернеті існують загальноприйняті стандарти на розміри рекламних банерів. Банери самого маленького з розмірів (88 на 31 піксель) прийнято називати «кнопками». Їх найчастіше використовують не для повномасштабної реклами, а при обміні посиланнями між власниками сайтів або в якості графічних лічильників відвідувачів. Послідовність дій при розміщенні таких кнопок на вашому сайті описана нижче.
Вам знадобиться
- Система управління сайтом або текстовий редактор.
Інструкція
1
Якщо вам потрібно розмістити кнопку-лічильник будь-якого інтернет-каталогу або рейтингової системи, то, як правило, разом з реєстрацією на цьому ресурсі, ви отримуєте код для вставки в свої сторінки. Це може бути jаvascript-код або простий код HTML. Сама картинка при цьому знаходиться на сервері рейтингової системи, завантажувати її на ваш сервер не потрібно. У цьому випадку послідовність ваших дій повинна бути така: - в редакторі сторінок системи управління вашим сайтом відкрийте потрібну сторінку і перейдіть в режим редагування html-коду. Якщо ви не використовуєте систему управління сайтом, то скачайте файл з вихідним кодом сторінки до себе в комп`ютер і відкрийте його, наприклад, в стандартному блокноті. Завантажувати сторінку зручно за допомогою файл-менеджера, який є практично в будь-якій панелі управління хостингової компаніі-- потім скопіюйте код лічильника і вставте в потрібне вам місце вихідного коду редагованої сторінки. кнопки лічильників, як правило, поміщають в самий низ сторінки, тобто перед тегом. Але, в залежності від дизайну вашої сторінки, його можна помістити і в інше место-- якщо ви використовуєте он-лайн редактор, то просто збережіть зміни. Якщо редагуєте сторінку в текстовому редакторі, то, зберігши, не забудьте закачати на сервер, замінивши існуючий файл сторінки. Це можна зробити за допомогою того ж файл-менеджера.
2
Якщо це кнопка немає від рейтингової системи, а від будь-якого партнера по обміну посиланнями, то і в цьому випадку, найчастіше, партнер надає код для вставки його в сторінки вашого сайту. Ваші дії повинні бути таким же, як в попередньому варіанті. Різниця може полягати в тому, що саму картинку ви повинні розмістити на своєму сайті. Закачати її на свій сервер можна скориставшись тим же файл-менеджером хостинг-провайдера або системи управління сайтом.
3
Якщо у вашому випадку ніякого вихідного коду в комплекті з кнопкою немає, то його не важко скласти самостійно. У мові HTML (HyperText Markup Language - «мова розмітки гіпертексту») для відображення картинки служить тег, який виглядає так: Тут images / button.jpg в атрибуті src вам треба замінити на ім`я файлу вашої кнопки. Цей тег зображення слід помістити всередину тега, що формує гіперпосилання:
Тут https://partnerSite.ru в атрибуті href вам треба замінити на адресу сайту вашого партнера по обміну ссилкамі.Етой рядки коду буде досить для відображення кнопки з посиланням, що веде на сайт партнера. Вам залишилося вставити її в вихідний код сторінки способом, описаним вище.
Тут https://partnerSite.ru в атрибуті href вам треба замінити на адресу сайту вашого партнера по обміну ссилкамі.Етой рядки коду буде досить для відображення кнопки з посиланням, що веде на сайт партнера. Вам залишилося вставити її в вихідний код сторінки способом, описаним вище.
Рада 2: Як вставити код на кнопку
Кнопки в веб-сторінках використовуються для організації інтерактивної взаємодії з користувачем. Як правило, якщо відповідь на натискання кнопки не вимагає відправки даних на сервер, то інтерактив реалізується за допомогою jаvascript-сценаріїв. Способи виклику відповідного jаvascript-коду можуть різнитися - нижче описані кілька можливих варіантів для кнопок різного типу.
1
Якщо відображення кнопки в веб-сторінці організовано за допомогою тега button, то jаvascript-код можна помістити в атрибут onclick. Наприклад, так: Зрозуміло, поміщати безпосередньо в тег кнопки досить великий код не доцільно - краще оформити його як функцію, а в атрибут onclick помістити тільки код виклику цієї функції. наприклад:
2
Якщо кнопка відображається за допомогою одного з варіантів тега input (submit, reset, button або image), то можна використовувати той же самий атрибут onclick. Наприклад, для кнопки очищення полів форми (reset), код може виглядати так: Якщо необхідно, щоб після натискання кнопки виконувався тільки jаvascript-сценарій, а призначеного їй за замовчуванням дії не відбувалося, то в функцію або безпосередньо в атрибут onclick слід додати команду return false. наприклад:
3
Якщо треба організувати відгук на натискання кнопки типу submit, то, крім наведеного вище способу з використанням атрибута onclick, можна використовувати властивості тега форми, на яке поширюється така кнопка. Відповідний виклик функції можна помістити в атрибут onsubmit тега form. наприклад:
4
Якщо кнопка не є елементом форми, а всього лише графічним елементом (тег img), то і для нього стандарти допускають використання атрибута onclick. наприклад:
5
Якщо кнопка є гіперпосиланням, то використовувати атрибути самої кнопки не варто, краще скористатися властивостями тега посилання. Можна, як і в попередніх варіантах, задіяти тег onclick. Наприклад: А можна замінити викликом функції адреса в атрибуті href. Наприклад, так:
Поділися в соціальних мережах:
Схожі
- Як встановити банер на сайт
- Як встановити на сайті лічильник відвідувань
- Як поставити банер
- Як дізнатися кількість відвідувань
- Як зробити напис посиланням
- Як викласти файл на свій сайт
- Як вставити ютуб на сайт
- Як вставити банер на сайт
- Як поставити на свій сайт календар
- Як в документ вставити посилання
- Як вставити флеш-банер на сайт
- Як заблокувати оперу
- Як я можу розмістити зображення
- Як поставити банер на сайт
- Як розмістити лічильник на своєму сайті
- Як вставити флеш-банер
- Як помістити форму
- Як розмістити флеш на своєму сайті
- Як додати банер на сайт
- Як вставити флеш на сторінку
- Як вставити картинку в текст в word