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

Відео: Як швидко і легко зробити кнопки для сайту

Маленькі банери стандартного розміру 88 на 31 піксель в інтернеті прийнято називати "кнопками". При обміні посиланнями банери саме цього розміру дуже популярні серед вебмайстрів. Вони займають дуже мало площі сторінки, але привертають більше уваги, ніж прості текстові посилання. Як помістити таку кнопку на свій сайт?
Як поставити кнопку на сайт

Інструкція

1
Як правило, інтернет-ресурс, що пропонує вам встановити таку кнопку на сайте, дає і html-код, який слід вставити в исходник сторінки. Щоб зробити це, спочатку відкрийте код сторінки, куди потрібно вставити кнопку. Якщо ви використовуєте для адміністрування сайта якусь з систем управління сайтом, то відкрити сторінку можна в редакторі сторінок, вбудованому в цю систему. Зазвичай такі редактори мають два режими - візуальний і режим редагування HTML-коду.
2
Вам треба переключитися в режим редагування вихідного коду сторінки, знайти місце, куди вам хочеться вставити кнопку, потім відкрити в іншому вікні браузера сайт-донор цієї кнопки і скопіювати звідти html-код для вставки. Іноді такий код надсилають поштою - значить скопіюйте код з тексту листа.
3
Після цього вставте код в свою сторінку і збережіть зміни.
4
З самою картинкою банера-кнопки можливі два варіанти - по умови обміну посиланнями вона або зберігається на сайте вашого партнера, або повинна бути розміщена на вашому сервері.
5
У першому випадку вам додатково нічого робити не потрібно, а в другому потрібно завантажити зображення з сайта партнера (натиснути правою кнопкою і вибрати "Зберегти як") І залити на свій сервер. Зробити це можна за допомогою файл-менеджера системи управління сайтом або панелі адміністрування хостингу.
6
якщо сайт, посилання на який ви встановлюєте, не надає html-код, то ви можете написати його самі, це зовсім не складно. Мовою HTML (HyperText Markup Language - "мова розмітки гіпертексту") Тег для відображення картинки пишеться так:Тут images / image.jpg вам потрібно замінити на ім`я файлу картинки, збереженої зі сторінки партнера. Цей тег зображення треба помістити всередину тега гіперпосилання:Тут https://site.ru вам потрібно замінити на адресу сайта-партнера. Одержаний код вам слід вставити в сторінку так само, як описано вище.

Рада 2: Як розмістити кнопку на своєму сайті

З великою кількістю соціальних мереж інтернет-простір стає все більш інтерактивним, і тому сьогодні на більшості веб-сайтів присутні кнопки найпоширеніших соціальних мереж, за допомогою яких відвідувачі сайту можуть швидко і ефективно зберегти вподобану інформацію і поділитися нею з друзями. Розміщення подібних кнопок на сайті зробить ваш проект більш відвідуваним, популярним і сучасним - чим більше людей скористаються вашими кнопками, тим більш упізнаваним стане ваш веб-сайт.
Як розмістити кнопку на своєму сайті

Інструкція

1
Розмістити у себе кнопки соціальних мереж нескладно. Один із способів зробити це - скористатися пошуковою системою Яндекс, яка надає веб-майстрам можливість вибрати і налаштувати кнопку для соціальної мережі - в розпорядженні є Вконтакте, Facebook, Однокласники, Twitter, Моймир і інші.
2
Зайдіть в Яндексі на відповідну сторінку, на якій ви виберете кнопки, якими можна поділитися з друзями. Скопіюйте HTML-код кнопки і вставте його на сайт.
3
Якщо ваш сайт створений на движку WordPress, використовуйте або запропонований варіант, або скористайтеся спеціальним плагіном, який встановлює на сайти WordPress кнопки для соціальних мереж. Плагін можна завантажити в мережі, а після закачування його потрібно розпакувати.
4
Відкрийте папку Share Buttons, в якій лежать файли плагіна, скопіюйте папку цілком і встановіть її на сервері вашого сайту в директорію wp-contentplugins. Перейдіть в розділ адміністратора, відкрийте вкладку "Модулі" і активуйте з`явився в списку плагін Share Buttons. Налаштуйте все кнопки і натисніть "Готово".
5
Встановити на сайт кнопку Twitter дуже просто - перейдіть на сайт tweetmeme.com і знайдіть на ньому розділ налаштування і установки кнопки ретвіти для свого сайту. Вкажіть будь-який варіант розташування кнопки, який вам подобається і скопіюйте код звичайної або компактною кнопки для ретвіти.
6
Для того щоб встановити на сайті кнопку Google Buzz, відкрийте сайт цієї соціальної стрічки і виберіть також код підходящої вам кнопки, щоб встановити його на потрібну сторінку сайту. За таким же принципом встановлюються кнопки для Facebook, які можна скопіювати на сторінці для розробників.
7
Якщо готові іконки, пропоновані сайтами, не влаштовують вас по дизайну або не підходять до компонування вашої веб-сторінки, створіть власні іконки в Фотошопі і підставте нові зображення в вихідний код кнопок соціальних мереж.
Як додати кнопки поділитися (подобається) на сайт
пов`язана стаття
Як додати кнопки поділитися (подобається) на сайт
Поділися в соц мережах:

Увага, тільки СЬОГОДНІ!
—хоже

Увага, тільки СЬОГОДНІ!