Як розмістити банер
Розміщення рекламного банера на своєму сайті або блозі є непоганим способом заробити. Якщо хтось не знає, що таке банер, пояснимо. Банер - це рекламний блок, після натискання на який користувач перенаправляється на рекламований сайт. Залучення потенційних покупців на сайт рекламодавця і є головним завданням банерів.
1
Банери можна розміщувати практично на будь-яких сайтах. Ідеальним вибором будуть форуми, новинні портали та інші некомерційні сайти. На комерційних сайтах банери не розміщують. Кому потрібно, щоб відвідувачі заходили на їх сайт, а потім перенаправлялись за посиланням на сайт конкурентів, де благополучно припускалися покупки?
2
Розглянемо методику створення JPG банерів без анімації: відкриваємо фотошоп, розміри банера вписуємо у вікні.
3
Задаємо фон банера. Нехай фон буде зеленим, наприклад. Вибираємо потрібний колір і інструмент "відро" і фарбуємо банер натисканням лівої кнопки мишки.
4
Вставляємо картинку. Беремо будь-яку потрібну картинку з комп`ютера, копіюємо її і вставляємо в вікно фотошопа. Можна картинку обрізати, залишивши тільки частина. Розширення картинки повинно бути JPG або GIF.
5
Після вставки картинки нам потрібно прибрати все зайве, залишивши лише зображений предмет. Інструментом «Чарівна паличка» клацаємо по фону, навколишнього предмет, видаляємо його. Чим контрастніше фон, тим більше шансів видалити його весь за одне натискання мишки. Натиснули один раз, а якщо весь фон не пішов, пробуємо ще й так, поки весь фон не буде з картинки «вилучений».
6
Розміщуємо картинку в банер. Якщо банер горизонтальний з висотою 60 пікселів, вибираємо в горизонтальному верхньому меню Зображення -gt; Розмір. Виставляємо висоту картинки в 60 пікселів. Інструментом «Переміщення» пересуваємо картинку на банер і розміщуємо де потрібно.
7
Крім картинки зазвичай на банер поміщають ще й текст. Наносимо текст за допомогою відповідного інструменту, при необхідності переміщаємо текст інструментом «Переміщення» та задаємо тексту потрібний колір.
8
Зберігаємо вийшов банер в форматі JPG або GIF.
9
Тепер банер потрібно розмістити на сайті (припустимо, він називається moysait.ru). Щоб вставити на сторінку свого сайту банер, потрібно спочатку зробити код банера, на який будете посилатися. Для цього створіть на сайті папку (bn), в яку завантажте свій банер (припустимо, його ім`я bymagka.jpg). Якщо ви хочете, щоб при натисканні на ваш банер користувач переходив на іншу адресу (наприклад, bumaga.com), що відкривається в новому вікні, а коли він наведе на банер, відображався б текст (наприклад, "купити папір"), То код буде наступний:
a title ="купити папір" target ="_blank" href ="https://bumaga.com/"
img border ="0" src ="https://moysait.ru/bn/bymagka.jpg" width ="60" height ="31"
Все, вставляйте його в потрібне місце на сторінці. Вставляйте його через HTML-код. допоможе в цьому програма Frontpage. Банер почне працювати.
a title ="купити папір" target ="_blank" href ="https://bumaga.com/"
img border ="0" src ="https://moysait.ru/bn/bymagka.jpg" width ="60" height ="31"
Все, вставляйте його в потрібне місце на сторінці. Вставляйте його через HTML-код. допоможе в цьому програма Frontpage. Банер почне працювати.
Рада 2: Як розмістити банер на сайті
Практично кожен власник сайту або блогу прагне заробити, розміщуючи на ньому рекламні банери або текстові посилання. Розміщувати рекламу можна практично на будь-якому web-ресурсі. Однак найчастіше банери з рекламними посиланнями встановлюють на блоги, форуми, новинні ресурси і на інші некомерційні сайти. При цьому потенційний дохід власника сайту буде залежати від тематики сайту і його відвідуваності, від місця розміщення і розміру рекламного блоку. Давайте розглянемо розміщення банера на прикладі сайту на движку Wordpress.
Вам знадобиться
- картинка банера
Інструкція
1
Зробіть резервні копії файлу sidebar.php і файлу стилів style.css. Всі зміни HTML-коду будуть проводитися саме в цих файлах. Резервні копії потрібні на випадок будь-яких непередбачених ситуацій.
2
2. Додайте в кінець файлу style.css таке ось опис стилів:
#sb_banner_conteiner {/ * загальний блок для банерів * /
height: 125px- / * висота блоку * /
background: # 404040- / * колір фону * /
padding: 5px- / * відступ з усіх боків від вмісту блоку * /
margin-top: 10px- / * зовнішній верхній відступ від іншого блоку * /
margin-bottom: 10px- / * зовнішній нижній відступ від іншого блоку * /
}
.banner_125 125_1 {/ * блок першого банера * /
float: left- / * вирівнювання блоку по лівій стороні * /
width: 125px- / * ширина блоку * /
height: 125px- / * висота блоку * /
margin-right: 5px- / * зовнішній правий відступ від іншого блоку * /
}
.banner_125 125_2 {/ * блок другого банера * /
float: left- / * вирівнювання блоку по лівій стороні * /
width: 125px- / * ширина блоку * /
height: 125px- / * висота блоку * /
}
#sb_banner_conteiner {/ * загальний блок для банерів * /
height: 125px- / * висота блоку * /
background: # 404040- / * колір фону * /
padding: 5px- / * відступ з усіх боків від вмісту блоку * /
margin-top: 10px- / * зовнішній верхній відступ від іншого блоку * /
margin-bottom: 10px- / * зовнішній нижній відступ від іншого блоку * /
}
.banner_125 125_1 {/ * блок першого банера * /
float: left- / * вирівнювання блоку по лівій стороні * /
width: 125px- / * ширина блоку * /
height: 125px- / * висота блоку * /
margin-right: 5px- / * зовнішній правий відступ від іншого блоку * /
}
.banner_125 125_2 {/ * блок другого банера * /
float: left- / * вирівнювання блоку по лівій стороні * /
width: 125px- / * ширина блоку * /
height: 125px- / * висота блоку * /
}
3
3. На початок файлу sidebar.php після першого тега вставте наступний код:
Тут повинна бути посилання на ваш банер
Тут повинна бути посилання на ваш банер
От і все. За допомогою етик нехитрих операцій ви зможете додати місця для банерів на свій сайт.
Тут повинна бути посилання на ваш банер
Тут повинна бути посилання на ваш банер
От і все. За допомогою етик нехитрих операцій ви зможете додати місця для банерів на свій сайт.
Статті за темою "Як розмістити банер"
Оцініть, будь ласка статтю