Как установить баннер в рамки размеров сайтбара

Опубликовано: 04.04.2022

Прогуливаясь по просторам интернета, заметила, что некоторые блогеры не умеют устанавливать рекламные баннеры на своих сайтах.

Вернее установить баннер они  установили, а вот как это выглядит уже другой вопрос.

Стандартная ошибка блогеров, это впихнуть невпихуемое, т.е. разместить баннер в сайтбар или колонку меньшего размера, чем сам баннер.  

На верхней картинке, в сайтбаре справа можно увидеть как рекламные баннеры выходят за рамки серой колонки. Согласитесь, это не красиво, но поправимо.

Заходим в меню “ВИДЖЕТЫ” и вносим некоторые изменения в Html-код баннера .

Открываем “виджет”  и в коде баннера и ищем значения двух параметров:   width   и   height

width — ширина,    height — высота.   Рядом с этими параметрами стоят цифры, которые и нужно изменить на необходимые.

Например:  предположим ширина колонки сайтбара составляет — 200,  а в коде баннера width — 250 , значит нам нужно изменить на 200 или другое меньшее значение.

Для симметрии и корректного отображения картинки возможно потребуется ещё изменить значение height.  В нашем случае height равен 300,  уменьшаем значение до 250.

В своем примере я уменьшила значения ширины и высоты на одинаковое количество т.е. на 50.

В вашем случае  может быть другая цифра.  Так же у вас, html-код баннера может выглядеть по другому, но от этого суть не меняется, ищем параметры высоты и ширины и  меняем.  Далее все сохраняем.  Переходим на сайт и проверяем результат. На картинке видим, что все баннеры с правой стороны встали ровно.  Чего мы собственно и добивались.

Если у вас несколько баннеров выходят за рамки, то вносить изменение нужно в каждый из них.

Как видите, установить баннер в рамки сайтбара довольна проста. Таким способом можно изменять ширину не только картинок и баннеров,  а и форму рассылки.

ВНИМАНИЕ! Прежде чем, что либо изменять, сначала скопируйте html-код баннера в любой текстовый файл и сохраните его, например на рабочем столе.  Это даст вам возможность быстро вернуть на место оригинал кода, в случае ваших неудачных экспериментов.  

Если что непонятно, обращайтесь, разберемся вместе.