Вітаю, вас друзі! Напевно новачки стикалися з такою проблемою, коли є бажання прорекламувати на своєму сайті партнерський продукт, але в рекламному арсеналі його автора банери мають в ширину більше, ніж ширина сайдбара вашої теми.
Що робити, адже спроба вставити банер більшої ширини, ніж ширина сайдбара, може привести до неправильної роботи сайту? Скажу відразу - не панікувати! Це зовсім не проблема, а просто ситуація, вихід з якої дуже навіть простий.
Все, що вам знадобиться, завжди є у вас під рукою. Власне, для роботи знадобиться будь-який графічний редактор, в якому ви працюєте.
Якщо ви зовсім новачок і поки не визначилися з вибором редактора, то це теж не біда. До ваших послуг є більше десятка онлайн-сервісів Photoshop. Я вже кілька разів писав тут , тут і тут статті про один з таких сервісів. Це сервіс « Фотошоп онлайн ».
Далі я буду викладати всі дії стосовно саме до даного сервісу. Думаю, що ті, хто вміє працювати в Photoshop без зусиль зможуть повторити їх у своїй програмі.
Звичайно, для роботи нам знадобиться рекламний банер і, звичайно, в якості прикладу я буду використовувати ось цей банер онлайн школи « Я Блогер ».
Практично всі автори партнерських програм пропонують свої рекламні банери вже з готовим кодом. Наприклад, ось цей банер школи має ось такий код (з урахуванням різниці в «партнерському позивній»):
<a href="//ya-blogger.ru/free/?utm_medium=affiliate&utm_source=ВАШ_ЛОГІН_ПАРТНЕРА_ЗДЕСЬ«> <img src = "http://evvergus.justclick.ru/media/content/evvergus/26-10-16_aba9c05_250% D1% 85250-1.jpg "/> </a>
Якщо скопіювати посилання, яка стоїть після «img src =", і ввести її в пошуковий рядок браузера, то відкриється зображення банера.
Ви можете для подальшої роботи скачати його з цієї сторінки, але можете і не викачувати, тому що для подальшої роботи досить просто скопіювати посилання.
Потім відкрийте сервіс Фотошоп онлайн. У меню «Файл» виберіть команду «Відкрити URL зображення». У вас відкриється вікно, в якому необхідно буде ввести скопійоване посилання і після цього натиснути кнопку «Так». Зображення банера завантажиться безпосередньо в сервіс.
Тепер на вкладці «Зображення» виберіть команду «Розмір зображення». У вікні задайте необхідну ширину і натисніть кнопку «Так». При цьому переконайтеся, щоб був відзначений чекбокс «Зберегти пропорції». Для прикладу я ввів значення нових розмірів банера 200 на 200 пікселів.
Банер відразу зменшується в розмірах.
Вам тільки залишається зайти на вкладку «Файл» і вибрати команду «Зберегти». У відкритому після цього вікні задайте ім'я файлу (бажано на латиниці), уточніть його якість (від 80 до 100%), натисніть кнопку «Так» і збережіть новий баннер в потрібне місце (відкриється провідник).
Банер готовий! Завантажуйте його на сайт в медіафайли або на ваш улюблений фотохостинг. Після цього внесіть зміни в оригінальне посилання від автора партнерської програми:
<a href="//ya-blogger.ru/free/?utm_medium=affiliate&utm_source=ВАШ_ПАРТНЕРСКІЙ_ЛОГІН"> <img src = "ПОСИЛАННЯ НА НОВИЙ БАННЕР" /> </a>.
Думаю, що далі ви без праці через віджети зможете самостійно поставити банер в сайдбар свого сайту.
Якщо у вас залишилися якісь питання, то подивіться відео нижче від мого помічника Сергія Почечуева, в якому наочно показано весь описаний процес зменшення банера в сервісі «Фотошоп онлайн».
Тим, хто хоча б трохи вміє працювати в програмі Photoshop рекомендую подивитися наступне відео. Воно теж з даної тематики і в ньому показаний порядок дій стосовно до даної програми. Він трохи відрізняється, хоча алгоритм залишається тим самим.
Наостанок застережу вас від копіювання вихідного коду на партнерський банер безпосередньо з даної статті. На практиці ви повинні скопіювати оригінальне посилання зі свого партнерського аккаунта і працювати саме з нею.
Ще додам, що після розміщення банера на своєму сайті, обов'язково перевірте його працездатність. І якщо він працює, як годинник, то значить у вас все вийшло, і я вам бажаю успішних партнерських продажів.
Що робити, адже спроба вставити банер більшої ширини, ніж ширина сайдбара, може привести до неправильної роботи сайту?Ru/free/?
Ru/free/?