«

»

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

 

Вставка баннера

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

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

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

Примерно вот так:

Вставка баннера 1

 

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

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

Вставка баннера 3

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

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

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

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

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

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

Вставка баннера 2

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

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

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

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

Спасибо, что нажали кнопку +1 и "Твитнуть"

66 комментариев

Перейти полю для комментария

  1. Евгений

    Всегда считал, что очевидное не нужно объяснять.

    Одно но…

    Очевидное для меня может являться камнем предкновения для других. И наоборот.

    Так что наш смех по поводу того, что американцы в инструкциях советуют проверить включен ли прибор в розетку, если он не работает – не всегда к месту.

  2. Сергей

    Здравствуй, Елена,
    полезная информация и доходчиво обьясняемая.
    Удачи в продвижении…

    1. kompeasy.ru

      Спасибо.

  3. Анна

    Это все правильно, но изменить значения параметров высоты и ширины иногда недостаточно. Сам текст баннера может обрезаться справа и не помещается в новую область.
    Я столкнулась с такой проблемой. Вышла из положения только заказав новый баннер с требуемыми размерами.

  4. Людмила

    Елена, спасибо за предложение дружить, я с удовольствием. Установить баннер, вернее поправить его размеры и мне не помешает…

  5. Алла

    Есть такое дело. Спасибо, пошла исправлять.

  6. Наталья

    Вот это точно нужные знания начинающим вебмастерам. Спасибо!

  7. Максим

    Последнее замечание в статье – очень важное, я думаю Вас поблагодарят за него ещё не раз. Вроде бы простая, и очевидная вещь, но мне самому приходилось переустанавливать тему из-за того, что не сохранял копии сносимых блоков.

  8. Александр

    Теперь и у меня все влезет…

  9. Ирина

    Спасибо, Елена за сайт. Все изложено просто и понятно.

  10. Антон Невежин

    Интересная и полезная статья. Спасибо автору!

  11. Татьяна

    Леночка, права, что хоть и простые вещи, но когда не знаешь как правильно установить баннер, и не понимаешь почему это происходит. В начале очень сложно понять.

  12. Машкович Дмитрий

    Не лишним будет следить за пропорциями изменённого баннера.
    Спасибо за статью!

  13. Natabul

    Спасибо, иногда это вызывает проблемки.

  14. Ольга

    Очень полезная информация. Спасибо. Но иногда параметры не удается изменить.

  15. Владимир Сергунин

    Все баннеры разные и меняются размеры по разному.

    1. kompeasy.ru

      Владимир, согласна с вами. К каждому баннеру нужен свой индивидуальный подход.

  16. Ольга Шульгина

    Елена, спасибо за полезные советы! Надеюсь, они многим помогут!

  17. Андрей

    Большое спасибо за информацию, обязательно применю на практике

  18. Мадина

    Да, это очень распространённое явление. Теперь, прочитав Вашу статью, можно будет устранить эту неприятность на своём сайте.

  19. Марина

    Отличные рекомендации! как раз ко времени!

  20. Владимир

    Благодарю за статью! Желаю удачи!

  21. Людмила

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

  22. Иван

    Ну конечно, лучше выбирать сразу подходящие баннеры. А то изменение размеров может смотреться несколько нелепо на сайте. А так статья полезная!

  23. Максим

    По себе знаю, не всегда помогает.

  24. Марина

    Сама банеры на свой сайт не ставила, но буду знать как это сделать правильно

  25. NataliNinel

    Хорошая статья. Я к этому интуитивно пришла. Просто стала пробовать изменять размеры и получилось.

  26. Алексей

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

  27. Дмитрий

    А я сталкивался с таким и уже на “взрослых” сайтах. Правда не красиво и неудобно просматривать такой сайт.

  28. Леонид

    Очень полезная информация, пригодится на будущее. Желаю удачи в работе над сайтом.

  29. Сергей

    Доходчиво все показано. Спасибо. Забиваю в закладки Ваш сайт.

  30. Шимолин Павел

    Как раз для начинающего вебмастера!

  31. Андрей

    Отлично все рассказали! И, на самом деле, все не так уж и сложно!

  32. Татьяна Дербенева

    Елена, это полезная информация для начинающих вебмастеров. Некоторые просто не задумываются о таких особенностях дизайна своего сайта, другие не знают, как это исправить.

  33. Анна

    такие советы для начинающего блогера это так важно.

  34. Любовь

    Я тоже так делаю. Но есть случаи, когда ширина и высота не меняются. У меня есть такой баннер. Или, может быть, я чего-то не знаю?

  35. Андрей

    Иногда код вообще без размеров или жесткие требования ничего не менять. Тогда нужно или методом “тыка” подбирать банер, или размеры сайдбара изначально знать, или поменять размеры сайдбара т.е. дизайна) Подогнать можно. А вот когда не влазиет… Некрасиво!

  36. александр

    Здравствуйте!Мне очень понравился Ваш сайт.Приглашаю к себе на сайт за наградой.Вы ее заслужили.http://forex-sistems.ru/druzia-saita/626#more-626

    1. kompeasy.ru

      Александр, большое спасибо.

  37. Олег

    Кажется, ничего сложного, но поначалу сам баннеры вставлял разных размеров. А потом надоело, зашел в штмл код и подредактировал

  38. mila

    Елена, спасибо. Мне это как раз было нужно.

  39. Татьяна

    Да это понятно,когда есть ширина и высота в банере,а когда нет,что делать?Как уменьшить?

  40. Резеда

    Очень интересный и полезный cайт. Буду к вам захаживать.

  41. Сергей

    Всегда полезно знать тонкости при работе с блогом. Какими бы простыми они не казались на первый взгляд.

  42. Елена

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

    1. kompeasy.ru

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

  43. Наталья

    Спасибо за статью, а то я тааакой чайник!!!
    Буду у Вас частым гостем)

  44. О.Р.Живий

    Нова свіжа стаття – дуже цікава річ !

  45. Андрей

    Один баннер переустановил а второй похоже не меняется попробую новый скачать

  46. Марина Антонова

    Спасибо. Все доходчиво изложено и полезно.

  47. Сергей

    Есть вот проблемка в таком исправлении разрешения, не все банеры будут коректно выглядеть.То исть если растянуть или сжать некоторые изображения то оно будет плохо смотрется.Не проще редактировать картинку банера в фотошоп например?

    1. kompeasy.ru

      Может и проще, но не везде есть возможность редактировать банер, да и многие не умеют пользоваться графическими редакторами.

  48. Elza

    спасибо.нужная информация!

  49. Татьяна

    Очень полезная информация, у меня на сайте есть такой банер. Попробую применить на деле. Я тоже отучилась 4 недели в школе “Твой Старт” , судя по банеру вы с ними тоже знакомы. Мне нравится ваш сайт, много полезной информации. Я сначало с огромным энтузиазмом взялась за обучение по построению сайта, а через месяц поняла, что не знаю о чем писать. Произошел тормоз. Но благодаря группе которую вы собрали, у меня появилась надежда на выздоровление. Комментарии которые оставляют на сайте, как то бодрят, есть полезные высказывания и советы. Спасибо Вам за созданную группу.

    1. kompeasy.ru

      Татьяна, спасибо за добрые слова. Я тоже училась в школе “СтартАп”, почерпнула оттуда много полезной информации.
      Стараюсь помогать с помощью своих статей новичкам разобраться во всемирной паутине.

  50. елена

    Я КАК-ТО САМА ОБ ЭТОМ ДОГАДАЛАСЬ. НИКТО НЕ ОБЪЯСНЯЛ. НО ВОТ НЕ ДАВНО ХОТЕЛА БАНЕР НЕ МНОГО УВЕЛИЧИТЬ И НЕ ПОЛУЧИЛОСЬ, ЕГО ПРОСТО НЕ СТАЛО ВИДНО.
    А ВЫ СЛУЧАЙНО НЕ ЗНАЕТЕ КАК ДЕЛАТЬ БАНЕР?

    1. kompeasy.ru

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

  51. Андрей

    Вместо конкретных размеров иногда хорошо работает auto. По ширине например, а высоту можно убрать.

    1. kompeasy.ru

      Андрей, спасибо за дополнение. Как говорится, с миру по нитке, соберем ларец знаний.

  52. Светлана

    Вот это находка! Простые, очевидные вещи, я на днях как раз голову ломала, как впихнуть “невпихуемое” …. Баннер вылезал за границу, и как подобает настоящему чайнику, так и не нашла решения :)
    Елена, спасибо за статью! Что для одного само собой разумеющееся, то для другого трагедия, пока не найдется подсказка!

    1. kompeasy.ru

      Светлана, рада что эта статья помогла Вам.

  53. Максим Ивенко

    Я когда-то так же мучался, потом додумался и нашел свою ошибку, теперь прежде чем вставить картинку или баннер в сайдбар сразу корректирую размеры, но если при этом изначально стараюсь выбирать баннеры, которые мне подходят более или менее по размерам

    1. kompeasy.ru

      Максим, все приходит с опытом. Все мы пробуем, экспериментируем.

  54. Татьяна

    Как нельзя кстати ваша статья! Я недавно сделала сайт и никак не могла баннеры уменьшить, сейчас попробую все улучшить. Спасибо!

  55. Елена

    А у меня не получилось свои баннеры на середину выставить, пришлось уменьшить, лишь бы за границы не вылазили. Если уменьшаю больше – некоторые просто работать перестают и показывают “порванную” картинку :(

  56. orlan

    Спасибо за такой полезный пост. Но некоторые после таких манипуляций Gif (анимационные) банера перестают работать:(

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *