вторник, 15 мая 2012 г.

Как вставить баннер в блог

Часто в блогах можно увидеть картинки, нажав на которые можно перейти к другому сообщению или в другой блог. Например, сообщения о конкурсах, розыгрышах призов, т.н. "конфетках", кнопки коллективных блогов, рекламные баннеры, наконец. Часто и при участии в каких-либо конкурсах в условиях стоит пункт о необходимости размещения их баннера у себя в блоге. Как это сделать?
Чтобы вставить картинку со ссылкой (баннер, кнопку) в блог, есть несколько способов.

1. Если надо поставить баннер или кнопку на главную страницу в боковую панель, то самый простой способ - воспользоваться стандартным гаджетом Блоггера "Изображение".
Сохраните изображение баннера куда-нибудь к себе на компьютер. После этого выберите в "Дизайн"-"Вставить гаджет"-"Изображение". В появившемся окошке надо заполнить поля. Ввести название (если надо), подпись. А в "Связать" ссылку, по которой будет производиться переход при нажатии на картинку. После этого нужно загрузить само изображение баннера оттуда, куда вы его скопировали (можно и из своего компьютера, и из интернета по URL).

2. Если надо поставить баннер или кнопку, HTML-код которых вам дали в каком-то другом блоге, на главную страницу в боковую панель, то делаем следующее:
1. Копируем нужный код (Ctrl-C) из блога-источника
2. Переходим к себе в блог. Выбираем "Дизайн"-"Добавить гаджет"-"HTML-код" и в появившееся окошко вставляем скопированный код (Ctrl-V). Тот же эффект дает копирование кода в стандартный гаджет "Текст".

Если вам не подходят размеры данного вам  баннера, его можно изменить.
Для этого надо исправить его длину и ширину.
Смотрим внимательно на код. Обычно он имеет такой вид:
<a href="http://адрес, на который перейдет человек после нажатия на баннер "target="_blank" title="текст, который будет появляться после наведения на баннер мышки"><img src="http://адрес изображения" width="260" height="200" border="0" /></a>
Нас интересует ширина (width ) и высота (height ).
Вот у них и меняем цифры на нужные.
Например, баннер размером 260 у вас вылезает за панель, она у вас 180 пикселов шириной. Тогда заходим и исправляем  width="260" на  width="180".
Если писать только один из параметров - например, стереть высоту и оставить только ширину, то изображение будет менять размеры пропорционально.

3. Если надо поставить баннер или кнопку, HTML-код которых вам дали в каком-то другом блоге, прямо в  ваш пост, то делаем следующее:
1. Копируем нужный код (Ctrl-C) из блога-источника
2.Переходим к себе в блог. Открываем нужное сообщение для редактирования ("Изменить").
3. В левом верхнем углу в меню находим кнопку "HTML" и нажимаем ее. Сообщение теперь видно в виде HTML-кода. В нужное место кода (ориентируйтесь по фразам текста, которые остались в прежнем виде) вставляем скопированный код (Ctrl-V).
4. Нажимаем в меню "Создать" и смотрим, что получилось.


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

  1. Танечка, вы моя спасительница!!! Наконец-то я смогла поставить у себя на блоге баннеры! Ура!! Если вы чайник в блоговодстве, то я вообче - котелок :)))) Спасибо еще раз огромное!

    ОтветитьУдалить
  2. Спасибо большое за такое понятное объяснение! Я столько намучилась до этого. Как я только не вставляла баннер :) Здесь все получилось с первого раза.

    ОтветитьУдалить
    Ответы
    1. Я рада, что у вас все получилось :)

      Удалить
  3. Спасибо большое, мучилась три вечера, а после Вашего разьяснения за 5 минут все получилось!!!!

    ОтветитьУдалить
    Ответы
    1. Пожалуйста :) Рада новому читателю :)

      Удалить
  4. Спасибо большое, буду разбираться.

    ОтветитьУдалить
  5. спасибо .помог с баннером ,сам бы долго думал

    ОтветитьУдалить
    Ответы
    1. Здорово, что вам время сэкономила :)

      Удалить
  6. Спасибо большущее, для меня это вообще тёмный лес!

    ОтветитьУдалить
  7. Большое спасибо, Татьяна))) Вы маяк в сфере блоговодства. Большое спасибо, по вашим объяснениям баннер с первого раза установила!!

    ОтветитьУдалить
  8. Все вышеперечисленное я умею делать, но одного не пойму: <img src="адрес изображения" Какой должен быть адрес, что указывать, т.е. где должна храниться в блоге картинка баннера. Я хочу предложить для сотрудничества несколько вариантов баннеров разного размера и у меня ступор.

    ОтветитьУдалить
    Ответы
    1. Адрес может быть любой - там, где вы обычно храните свои картинки в интернете. У меня это вебальбомы Пикасса. Оттуда адрес картинки и беру. Чтобы банер был нужного размера, кроме адреса надо дописать длину и ширину: img src="http://адрес изображения" width="200" height="200" border="0". Я писала об этом в посте Как сделать свой баннер Если у вас будет несколько банеров разного размера, пропишите все варианты. А пользователь пусть выбирает тот, который ему больше подходит.

      Удалить
  9. "Маяк Тавика" по-моему тоже классно!

    ОтветитьУдалить
  10. Здравствуйте вопрос такого плана,а если в добавлении гаджета нет HTML а только URL что делать?

    ОтветитьУдалить
    Ответы
    1. В смысле? Вам дали URL картинки? Тогда вставляйте его в гаждет "Изображение".

      Удалить
  11. Ответы
    1. Если дали HTML, то надо добавлять в стандартный гаджет "HTML/Java script"

      Удалить
  12. Ох, один напряг ушел: поставила баннеррррррррррррр!!!!!!!!!!!!!Спасибо, Таня! Как хорошо, что ты есть!!!!!!!!!!!!!!

    ОтветитьУдалить
  13. А теперь кажется, я знаю как и слайды наладить, благодаря тому, что поняла куда вставлять коды НТМL
    а то ведь пишут-вставвьте в код вашего блога, а хде это- не пишут . Таня, дай вам Бог здоровья, времени и любви...еще больше!!!!!!

    ОтветитьУдалить
  14. Таня, благодаря тебе у меня получились слайды... я прям плачу от счастья, ну , в смысле, смахнула скупую слезу, но слезу счастья! СПАСИБИЩЕ!!!!!

    ОтветитьУдалить
    Ответы
    1. Я очень рада, что оказалась вам полезной !

      Удалить
  15. Я банер в сообщение вставляю немного не так. Зачем мучится и искать в HTML место куда вставить. Это может найти только тот кто знаком с кодами. Совсем же для "профанов" можно сделать так. В само сообщение в то место где хотите ставить баннер пишите три четыре любые цифры, ну например 555, потом переходите в HTML и с помощью клавишь Ctrl+F находите в коде эти цифры, и вместо них вставляете код баннера. И все не надо искать место самому. По моему так проще. Лично я так делаю:http://luchshiyzarabotokvinternete.blogspot.com/
    Вот посмотрите все баннеры рабочие. А благодаря Вашей статье я напишу у себя пост, но только с моим методом.

    ОтветитьУдалить
    Ответы
    1. Так и не надо искать что-то сложное в HTML коде:) Вот вы пишете статью, в ней есть примерно такая строчка: "баннер моего конкурса...", а в режиме HTML вы тоже видите эту строчку. И сразу после нее и добавляете код баннера. Зачем же добавлять какие-то лишние 555? Ищите словосочетание "баннер моего конкурса". Так что никакого нового метода в этом нет.

      Удалить
    2. Я же говорю это для тех кто знаком хоть немного с кодами, а есть же люди которые вообще не понимают, и для них найти в каракулях HTML что то очень сложно. Сам вид кода пугает. Лично мне когда только учился вставлять мой способ показался самым удобным. Я поначалу даже не знал что такое HTML. Я же описал способ для тех кто вообще ничего не знает. Мне лично так удобнее. А все пусть сами решают как вставлять

      Удалить
  16. Здравствуйте! Спасибо за полезную информацию. У меня баннер стоит уже, хотелось бы снизу картинки расположить код. Видела в некоторых блогах и хотела бы сделать у себя. Пытаюсь, но выходит картинка, а сам код не виден. Не подскажите как это сделать. Спасибо

    ОтветитьУдалить
    Ответы
    1. Я как раз написала об этом у себя: "Как вставить HTML-код в виде текста". А потом уже увидела вашу, Виктор, статью:) Взяла оттуда второй способ (со ссылкой, конечно).

      Удалить
  17. А у меня не получается установить баннер. Картинка вставляется,но не мигает.На компьютере все нормально переливается,а устанавливаю: -добавить гаджет - Изображение -- только одна картинка. Подскажите,почему так?

    ОтветитьУдалить
    Ответы
    1. Теоретически - нет никакой разницы. А практически посмотрите, может у вас в установках браузера что-то отключено?

      Удалить
  18. Здравствуйте, подскажите, а что -может быть отключено-,на что обратить внимание? Заранее спасибо.

    ОтветитьУдалить
    Ответы
    1. Ну, например, отключена gif-анимация

      Удалить
  19. Анонимный7 мая 2013 г., 21:47

    Как после вставки банера http://tamojnyasud.ru/ban.gif найти его на сайте?

    ОтветитьУдалить
    Ответы
    1. Скорее всего он там, куда вы его вставили;)

      Удалить
  20. Привет. Я не думал что это так просто. А Я искал по сайтам всякие кода. Спасибо-полезный блог, перечитаю весь. Действительно все гениальное просто.

    ОтветитьУдалить
    Ответы
    1. Буду рада, если и еще что-то полезное найдете :)

      Удалить
  21. Извините где можно взять код?

    ОтветитьУдалить
    Ответы
    1. Код для баннера обычно дает хозяин того проекта, от которого баннер. Если же кода там нет, то можно воспользоваться первым способом и вставить баннер как изображение со связанной с ним ссылкой.

      Удалить
  22. Месяц мучилась с поисками информации, а нашла все здесь. Спасибо огромное. Теперь я ваша подписчица)))

    ОтветитьУдалить
    Ответы
    1. Я рада, что мой блог вам пригодился:)

      Удалить
  23. Спасибо большое за информацию. Я все голову ломала, как это вставить картинку на боковую панель, теперь все ясно и понятно!!!

    ОтветитьУдалить
  24. ОГРОМЕННОЕ Вам спасибо,Танечка!!!!!!!!!!!!!!!! Подписалась на Ваш блог!

    ОтветитьУдалить
    Ответы
    1. Всегда рада познакомиться с новым читателем!

      Удалить
  25. Здравствуйте;)
    Мне нужно в своем блоге сделать банер задания(другого блога)
    У меня в болге получаеться сделать только ссылочку этого задания,но не банер!;(((
    Подскажите, как быть?

    ОтветитьУдалить
    Ответы
    1. Я в посте подробно разобрала три способа это сделать - можно делать любым. У вас каким способом не получилось? У вас есть код баннера или просто изображение?

      Удалить
  26. Не получается вставить баннер. Не могу найти кнопку или что, чтобы вставить в поле картинку (сохранила ее на компе). А просто ссылку ставлю - не активная, написано просто как текст (((

    ОтветитьУдалить
    Ответы
    1. Каким именно способом у вас не получилось? Куда и что вы вставляете? Что за "поле"?

      Удалить
    2. Выбираю Дизайн, добавить гаджет, Настроить HTML. В поле "Название" пишу название баннера, в "Содержание" ставлю ссылку на баннер другого блога. Над эти полем есть кнопки редактирования текста - жирный, курсив, и еще CreateLink, Цитата и "Обогащенный текст".
      Ссылку копирую так - в том блоге, на который хочу, чтобы переходила ссылка - навожу курсор на картинку баннера и правой кнопкой мыши Копирую адрес. Пробовала копировать адресную строку того блога. Результат одинаков - не активная ссылка, т.е. я в своем блоге вижу название и ниже просто текст ссылки.

      Удалить
    3. Вы выбрали не тот способ. Этот подходит для того случая, когда вам дали код баннера (текст в виде HTML-кода). А, насколько я поняла, у вас есть только изображение баннера на чужом блоге. Вам надо воспользоваться первым способом - вставить через гаджет "Изображение". Там в поле "Название" пишите то, что вы хотите видеть над баннером, "Подпись" можно и не писать, "Связать" ставите ссылку на нужный пост (его адрес), а в поле "изображение" поставить или ссылку на картинку прямо на блоге-источнике (скопировав адрес изображения правой кнопкой мыши), или сохранить картинку к себе на компьютер и тогда нажать "Загрузить с жесткого диска" и найти эту картинку у себя на компьютере.
      Надеюсь, теперь все получится.

      Удалить
    4. Ура-ура-ура!!! Все получилось! Огромное Вам спасибо!

      Удалить
  27. Вот спасибо!!! Столько времени я убила на то, чтобы понять, как вставлять баннеры, и вот - за 1 минуту благодаря вам всё получилось! Ура! Я ваш читатель теперь))

    ОтветитьУдалить
    Ответы
    1. Здорово, что все получилось! Рада новому читателю :)

      Удалить
  28. Спасибо большое, очень помогло)

    ОтветитьУдалить
  29. Татьяна, спасибо Вам большое! Столько нужного, касаемо работы с блогом узнала от вас! Я только осваиваю эту стязю и если возникает неясность сразу бегу к вам :)

    ОтветитьУдалить
  30. Девочки, всем пожалуйста - очень рада, что была полезной :)

    ОтветитьУдалить
  31. спасибо ВАМ огромное за эту статью! вы ЕДИНСТВЕННАЯ, кто смог мне растолковать, как вставить баннер с активной ссылкой в боковую панель блога!

    ОтветитьУдалить
  32. Подскажите пожалуйста: как вставить баннер после сообщения в блоге и перед комментариями?

    ОтветитьУдалить
    Ответы
    1. Для этого гаджет с баннером в "Дизайне" надо перетащить мышкой под Сообщения.

      Удалить
  33. Анонимный21 июня 2015 г., 11:54

    Как добавить виджет в боковую панель блога?

    ОтветитьУдалить
    Ответы
    1. "Дизайн"-"Добавить гаджет"-"HTML-код"

      Удалить
    2. Этот комментарий был удален автором.

      Удалить
    3. Анонимный21 июня 2015 г., 13:51

      Если использовать:
      1) Дизайн→Макет→Додати гаджет→ (из прилагаемых у блоге то всё отлично);
      2) Дизайн→Шаблон→Редагувати HTML→(а если добавить код любого своего виджета или информера то тут вопрос за вопросом). Куда именно вставить HTML? Если добавляются то пишет ошибку или добавляется где то в верхней панели навигации.
      Например добавить календарный, погодный информер. То тут лишь пишет уведомление об ошибке!

      Удалить
    4. Анонимный21 июня 2015 г., 14:20

      Если использовать:
      1) Дизайн→Макет→Додати гаджет→ (из прилагаемых у блоге то всё отлично);
      2) Дизайн→Шаблон→Редагувати HTML→(а если добавить код любого своего виджета или информера то тут вопрос за вопросом). Куда именно вставить HTML? Если добавляются то пишет ошибку или добавляется где то в верхней панели навигации.
      Например добавить календарный, погодный информер. То тут лишь пишет уведомление об ошибке!

      Удалить
    5. Нет-нет, в шаблон не надо. Надо в "Дизайн", потом нажать "Добавить гаджет" и выбрать из предлагаемых "HTML/Java script". И когда этот гаджет откроется, то вставить в его окошко ваш собственный html от любого стороннего виджета.

      Удалить
    6. Анонимный21 июня 2015 г., 15:41

      Огромное спасибо! Вы мне очень помогли.Теперь все предельно ясно.

      Удалить
  34. Жирнющее спасибищще!!! Очень выручили!

    ОтветитьУдалить
  35. Спасибо огромное-огромное, а можно еще вопрос : а как баннер ( с таким трудом установленный) перетащить на боковую панель?

    ОтветитьУдалить
    Ответы
    1. Это надо сделать как описано в первом или втором пункте данного поста

      Удалить
  36. Таня, спасибо, буду тренироваться.

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

    ОтветитьУдалить
    Ответы
    1. Надо поставить не только картинку, но и ссылку - тот адрес, куда должно перейти после нажатия. Я в тексте написала как это делается в каждом конкретном случае. Вы как ссылку вставляли?

      Удалить
  38. Боже, получилось! Только после Ваших разъяснений! Никакие другие не помогли! Спасибо Вам огромнейшее!

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

    ОтветитьУдалить
    Ответы
    1. Я там выше на такое же "не получается" уже отвечала: надо связать картинку со ссылкой. В посте я написала для каждого случая отдельно как это делается. Вы по какому варианту делали? Я не могу ответить, если вы не описываете конкретную ситуацию... Просто "не получается" мне ничего не говорит(((

      Удалить
    2. Татьяна, подскажите, можно ли вставить картинку на боковую панель и не вводить название? Гаджет "Изображение" требует обязательного заполнения поля с названием. Спасибо.

      Удалить
    3. Нет, к сожалению, что-то написать в названии обязательно надо. Поэтому если я хочу оставить без заголовка, я вставляю не как изображение, а как код HTML - там можно обойтись без заполнения поля "название". Для этого надо будет записать код вашего баннера в виде html как у меня в примере в п.2

      Удалить

Чтобы оставить комментарий, напишите текст в окошке и выберите в "Подписи комментария" профиль из любого вашего аккаунта. Если вы нигде не зарегистрированы, выбирайте Имя/URL и просто вводите свое имя - оно отобразится в подписи.

Related Posts Plugin for WordPress, Blogger...