Якщо чесно, то до сьогоднішнього дня я щиро вважав, що розмістити банер в шапці сайту досить складно. Але виявилося, що робиться це дуже просто і для цього навіть є не один спосіб. Отже, як же просто додати банер в шапку сайту і найголовніше, вирівняти його щодо країв, щоб він виглядав красиво?
Уявімо собі, що ми хочемо додати банер партнерської програми біржі посилань Rotapost. Якщо ви ще не зареєстровані на цій біржі, то зробіть це швидше, так як там приймають сайти навіть з нульовими показниками і щоденники, що знаходяться на безкоштовних блогоплатформи, типу liveinternet.ru і livejournal.com - зареєструватися!
Ось такий банер ми будемо додавати в шапку нашого сайту. Він уже стоїть на цьому сайті, так що можна відразу подивитися, як це буде виглядати.
Отже, нам потрібно трохи перетворити той код, який нам пропонують:
1. Як розмістити банер в шапці сайту найпростішим способом.
В цей код нам потрібно вписати одну сходинку:
style = "position: absolute; top: 93px; right: 200px; border: 1px solid # ddad22;"
Вставити її потрібно після тега
Тепер цей код нам потрібно вставити в файл header.php, який знаходиться в папці з вашою темою (Нагадаю, ми працюємо з CMS WordPress. В інших CMS робиться по цим образом і подобою). Вставляємо код в цьому файлі після ось такого коду:
Але в різних шаблонах цей код може відрізнятися, шукаємо слово title і вставляємо після коду, в якому цей тег присутній. У моєму випадку це виглядає ось так:
Після додавання коду у вас в шапці сайту з'явиться банер. Залишилося тільки налаштувати його позицію, у кожного сайту вона буде своя. Для цього потрібно "побалуватися" з двома цифрами: цифра після тега "top" показує відстань від верху. З цим параметром потрібно бути уважним, так як особисто у мене банер займав різне положення в залежності від того, залогінився я, чи ні.
Тому потрібно на час отлогініться і потім візуально налаштовувати положення банера. Цифра після тега "right" показує відстань від правого краю. У bolder прописується ширина рамки (в даному випадку це 1px і колір цієї рамки # ddad22, який можна змінити на свій) На цьому настройка майже закінчена.
Є ще одна порада. закрити посилання від індексування і зробити так, щоб при кліці по банеру, він відкривався в новому вікні. Перше робиться для того, щоб PR ваших сторінок не витікав в Rotapost.ru (вони і так на нас заробляють). а друге для того, щоб ви не втрачали відвідувача, який клацне по банеру. Зробити це дуже просто, потрібно всього лише вставити в код банера ось таку строчку:
rel = "nofollow" target = "_ blank"
Вийде приблизно ось так:
Ось здавалося б і все, але у мене на цьому муки не закінчилися. Виявилося, що мій шаблон якийсь хитрий, і додавання тега style = "position: absolute; в код банера робить його не клікабельним. Але є інший, більш складний, але більш ефективний спосіб розмістити банер в шапці сайту.
2. Як розмістити банер в шапці сайту використовуючи style.css
Перше, що робимо - це шукаємо в файлах нашої теми файл style.css Особисто у мене тема підтримує кілька кольорів, тому у мене на кожен свій колір шаблону є в папці css свій файл style.css Саме в нього я і додав ось такий код, в самий кінець файлу:
Відразу після неї вставляємо код, який буде вказувати секцію, яку ми вставили в style.css
Після цього вставляємо код з наших баннерів і після нього ще два закривають тега:
У нас повинно вийти приблизно ось так:
Ось такими двома способами можна розмістити банер в шапці сайту. Якщо це вам якось допомогло, то я дуже радий! 🙂
Сподобалася ГРА? Візьми КОД. постав собі на сайт і поліпшити поведінкові чинники!
РАДА ВЕБМАСТЕРА: Уміння заробляти в інтернеті - це тільки пів справи, друга половина - це вміння ВИГІДНО переводити електронні гроші. Ось список офшорних банківських карт, на які можна виводити кошти і потім знімати з них хрусткі купюри:
2. AdvCash - Офшорний банк знаходиться в Белізі, можна відкрити рахунок в доларах, євро, фунтах і рублях.
3. OkPay - Офшорна компанія зареєстрована на Британських Віргінських островах, можна відкрити рахунок в доларах, євро і рублях.
4. Payeer - Штаб квартира цієї платіжної системи знаходиться в Грузії, тут так само можна відкрити рахунок в доларах, євро і рублях.
У всіх випадках можна замовити банківську карту, яку надішлють вам звичайною поштою. Активуєте її і йдете знімати гроші банкомат! Тарифи дивіться на сайтах платіжних систем.
Мій хостинг рекомендую!
РАДА ДНЯ: Якщо ви хочете повернути частину вартості при покупці в інтернет магазині, обов'язково скористайтеся одним із сервісів Кешбек:
1. EPN - найнадійніший Кешбек (Aliexpress, OZON, ASOS і BANGGOOD)
2. Алібонус - найщедріший Кешбек на Аліекспресс, повертають 10%
3. LetyShop - найбільша кількість магазинів - 842 магазина!