Часто в блогах можно увидеть картинки, нажав на которые можно перейти к другому сообщению или в другой блог. Например, сообщения о конкурсах, розыгрышах призов, т.н. "конфетках", кнопки коллективных блогов, рекламные баннеры, наконец. Часто и при участии в каких-либо конкурсах в условиях стоит пункт о необходимости размещения их баннера у себя в блоге. Как это сделать?
Чтобы вставить картинку со ссылкой (баннер, кнопку) в блог, есть несколько способов.
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. Нажимаем в меню "Создать" и смотрим, что получилось.
Чтобы вставить картинку со ссылкой (баннер, кнопку) в блог, есть несколько способов.
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. Нажимаем в меню "Создать" и смотрим, что получилось.
А если вы хотите сделать свой собственный баннер, то вам сюда: "Как написать код баннера"
Тут можно узнать, как вставлять в блог другие полезные вещи:
Как вставить музыку в блог
Как вставить проверку орфографии
Как вставить социальный плагин от Фейсбука
Как вставить виджет от ВКонтакте
Как вставить свои кнопки социальных сетей
Как вставить презентацию в блог
Тут можно узнать, как вставлять в блог другие полезные вещи:
Как вставить музыку в блог
Как вставить проверку орфографии
Как вставить социальный плагин от Фейсбука
Как вставить виджет от ВКонтакте
Как вставить свои кнопки социальных сетей
Как вставить презентацию в блог
Танечка, вы моя спасительница!!! Наконец-то я смогла поставить у себя на блоге баннеры! Ура!! Если вы чайник в блоговодстве, то я вообче - котелок :)))) Спасибо еще раз огромное!
ОтветитьУдалитьПожалуйста :)
УдалитьСпасибо большое за такое понятное объяснение! Я столько намучилась до этого. Как я только не вставляла баннер :) Здесь все получилось с первого раза.
ОтветитьУдалитьЯ рада, что у вас все получилось :)
УдалитьСпасибо большое, мучилась три вечера, а после Вашего разьяснения за 5 минут все получилось!!!!
ОтветитьУдалитьПожалуйста :) Рада новому читателю :)
УдалитьСпасибо!Очень четко,ясно, просто!
ОтветитьУдалитьСпасибо за помощь!!
ОтветитьУдалитьРада, что пригодилось :)
УдалитьСпасибо большое, буду разбираться.
ОтветитьУдалитьспасибо .помог с баннером ,сам бы долго думал
ОтветитьУдалитьЗдорово, что вам время сэкономила :)
УдалитьСпасибо большущее, для меня это вообще тёмный лес!
ОтветитьУдалитьНе за что :)
УдалитьБольшое спасибо, Татьяна))) Вы маяк в сфере блоговодства. Большое спасибо, по вашим объяснениям баннер с первого раза установила!!
ОтветитьУдалитьСпасибо за "маяк" :)))
УдалитьВсе вышеперечисленное я умею делать, но одного не пойму: <img src="адрес изображения" Какой должен быть адрес, что указывать, т.е. где должна храниться в блоге картинка баннера. Я хочу предложить для сотрудничества несколько вариантов баннеров разного размера и у меня ступор.
ОтветитьУдалитьАдрес может быть любой - там, где вы обычно храните свои картинки в интернете. У меня это вебальбомы Пикасса. Оттуда адрес картинки и беру. Чтобы банер был нужного размера, кроме адреса надо дописать длину и ширину: img src="http://адрес изображения" width="200" height="200" border="0". Я писала об этом в посте Как сделать свой баннер Если у вас будет несколько банеров разного размера, пропишите все варианты. А пользователь пусть выбирает тот, который ему больше подходит.
Удалить"Маяк Тавика" по-моему тоже классно!
ОтветитьУдалитьЗдравствуйте вопрос такого плана,а если в добавлении гаджета нет HTML а только URL что делать?
ОтветитьУдалитьВ смысле? Вам дали URL картинки? Тогда вставляйте его в гаждет "Изображение".
Удалитьнет
ОтветитьУдалитьссылки дают в HTML,а блоге URL
Если дали HTML, то надо добавлять в стандартный гаджет "HTML/Java script"
УдалитьОх, один напряг ушел: поставила баннеррррррррррррр!!!!!!!!!!!!!Спасибо, Таня! Как хорошо, что ты есть!!!!!!!!!!!!!!
ОтветитьУдалитьА теперь кажется, я знаю как и слайды наладить, благодаря тому, что поняла куда вставлять коды НТМL
ОтветитьУдалитьа то ведь пишут-вставвьте в код вашего блога, а хде это- не пишут . Таня, дай вам Бог здоровья, времени и любви...еще больше!!!!!!
Таня, благодаря тебе у меня получились слайды... я прям плачу от счастья, ну , в смысле, смахнула скупую слезу, но слезу счастья! СПАСИБИЩЕ!!!!!
ОтветитьУдалитьЯ очень рада, что оказалась вам полезной !
УдалитьЯ банер в сообщение вставляю немного не так. Зачем мучится и искать в HTML место куда вставить. Это может найти только тот кто знаком с кодами. Совсем же для "профанов" можно сделать так. В само сообщение в то место где хотите ставить баннер пишите три четыре любые цифры, ну например 555, потом переходите в HTML и с помощью клавишь Ctrl+F находите в коде эти цифры, и вместо них вставляете код баннера. И все не надо искать место самому. По моему так проще. Лично я так делаю:http://luchshiyzarabotokvinternete.blogspot.com/
ОтветитьУдалитьВот посмотрите все баннеры рабочие. А благодаря Вашей статье я напишу у себя пост, но только с моим методом.
Так и не надо искать что-то сложное в HTML коде:) Вот вы пишете статью, в ней есть примерно такая строчка: "баннер моего конкурса...", а в режиме HTML вы тоже видите эту строчку. И сразу после нее и добавляете код баннера. Зачем же добавлять какие-то лишние 555? Ищите словосочетание "баннер моего конкурса". Так что никакого нового метода в этом нет.
УдалитьЯ же говорю это для тех кто знаком хоть немного с кодами, а есть же люди которые вообще не понимают, и для них найти в каракулях HTML что то очень сложно. Сам вид кода пугает. Лично мне когда только учился вставлять мой способ показался самым удобным. Я поначалу даже не знал что такое HTML. Я же описал способ для тех кто вообще ничего не знает. Мне лично так удобнее. А все пусть сами решают как вставлять
УдалитьЗдравствуйте! Спасибо за полезную информацию. У меня баннер стоит уже, хотелось бы снизу картинки расположить код. Видела в некоторых блогах и хотела бы сделать у себя. Пытаюсь, но выходит картинка, а сам код не виден. Не подскажите как это сделать. Спасибо
ОтветитьУдалитьВот ПОСМОТРИТЕ возможно пригодится.
УдалитьЯ как раз написала об этом у себя: "Как вставить HTML-код в виде текста". А потом уже увидела вашу, Виктор, статью:) Взяла оттуда второй способ (со ссылкой, конечно).
УдалитьА у меня не получается установить баннер. Картинка вставляется,но не мигает.На компьютере все нормально переливается,а устанавливаю: -добавить гаджет - Изображение -- только одна картинка. Подскажите,почему так?
ОтветитьУдалитьТеоретически - нет никакой разницы. А практически посмотрите, может у вас в установках браузера что-то отключено?
УдалитьЗдравствуйте, подскажите, а что -может быть отключено-,на что обратить внимание? Заранее спасибо.
ОтветитьУдалитьНу, например, отключена gif-анимация
УдалитьКак после вставки банера http://tamojnyasud.ru/ban.gif найти его на сайте?
ОтветитьУдалитьСкорее всего он там, куда вы его вставили;)
УдалитьПривет. Я не думал что это так просто. А Я искал по сайтам всякие кода. Спасибо-полезный блог, перечитаю весь. Действительно все гениальное просто.
ОтветитьУдалитьБуду рада, если и еще что-то полезное найдете :)
УдалитьМолодец!
ОтветитьУдалитьИзвините где можно взять код?
ОтветитьУдалитьКод для баннера обычно дает хозяин того проекта, от которого баннер. Если же кода там нет, то можно воспользоваться первым способом и вставить баннер как изображение со связанной с ним ссылкой.
УдалитьМесяц мучилась с поисками информации, а нашла все здесь. Спасибо огромное. Теперь я ваша подписчица)))
ОтветитьУдалитьЯ рада, что мой блог вам пригодился:)
УдалитьБольшое спосибо!!!
ОтветитьУдалитьСпасибо большое за информацию. Я все голову ломала, как это вставить картинку на боковую панель, теперь все ясно и понятно!!!
ОтветитьУдалитьРада, что все получилось )
УдалитьThank you so much <3
ОтветитьУдалитьОГРОМЕННОЕ Вам спасибо,Танечка!!!!!!!!!!!!!!!! Подписалась на Ваш блог!
ОтветитьУдалитьВсегда рада познакомиться с новым читателем!
УдалитьЗдравствуйте;)
ОтветитьУдалитьМне нужно в своем блоге сделать банер задания(другого блога)
У меня в болге получаеться сделать только ссылочку этого задания,но не банер!;(((
Подскажите, как быть?
Я в посте подробно разобрала три способа это сделать - можно делать любым. У вас каким способом не получилось? У вас есть код баннера или просто изображение?
УдалитьНе получается вставить баннер. Не могу найти кнопку или что, чтобы вставить в поле картинку (сохранила ее на компе). А просто ссылку ставлю - не активная, написано просто как текст (((
ОтветитьУдалитьКаким именно способом у вас не получилось? Куда и что вы вставляете? Что за "поле"?
УдалитьВыбираю Дизайн, добавить гаджет, Настроить HTML. В поле "Название" пишу название баннера, в "Содержание" ставлю ссылку на баннер другого блога. Над эти полем есть кнопки редактирования текста - жирный, курсив, и еще CreateLink, Цитата и "Обогащенный текст".
УдалитьСсылку копирую так - в том блоге, на который хочу, чтобы переходила ссылка - навожу курсор на картинку баннера и правой кнопкой мыши Копирую адрес. Пробовала копировать адресную строку того блога. Результат одинаков - не активная ссылка, т.е. я в своем блоге вижу название и ниже просто текст ссылки.
Вы выбрали не тот способ. Этот подходит для того случая, когда вам дали код баннера (текст в виде HTML-кода). А, насколько я поняла, у вас есть только изображение баннера на чужом блоге. Вам надо воспользоваться первым способом - вставить через гаджет "Изображение". Там в поле "Название" пишите то, что вы хотите видеть над баннером, "Подпись" можно и не писать, "Связать" ставите ссылку на нужный пост (его адрес), а в поле "изображение" поставить или ссылку на картинку прямо на блоге-источнике (скопировав адрес изображения правой кнопкой мыши), или сохранить картинку к себе на компьютер и тогда нажать "Загрузить с жесткого диска" и найти эту картинку у себя на компьютере.
УдалитьНадеюсь, теперь все получится.
Ура-ура-ура!!! Все получилось! Огромное Вам спасибо!
УдалитьВот спасибо!!! Столько времени я убила на то, чтобы понять, как вставлять баннеры, и вот - за 1 минуту благодаря вам всё получилось! Ура! Я ваш читатель теперь))
ОтветитьУдалитьЗдорово, что все получилось! Рада новому читателю :)
УдалитьСпасибо за помощь)))
ОтветитьУдалитьСпасибо большое, очень помогло)
ОтветитьУдалитьТатьяна, спасибо Вам большое! Столько нужного, касаемо работы с блогом узнала от вас! Я только осваиваю эту стязю и если возникает неясность сразу бегу к вам :)
ОтветитьУдалитьДевочки, всем пожалуйста - очень рада, что была полезной :)
ОтветитьУдалитьспасибо ВАМ огромное за эту статью! вы ЕДИНСТВЕННАЯ, кто смог мне растолковать, как вставить баннер с активной ссылкой в боковую панель блога!
ОтветитьУдалитьРада, что была полезной :)
УдалитьПодскажите пожалуйста: как вставить баннер после сообщения в блоге и перед комментариями?
ОтветитьУдалитьДля этого гаджет с баннером в "Дизайне" надо перетащить мышкой под Сообщения.
УдалитьСпасибо ограменное!!!
ОтветитьУдалитьПожалуйста :)
УдалитьКак добавить виджет в боковую панель блога?
ОтветитьУдалить"Дизайн"-"Добавить гаджет"-"HTML-код"
УдалитьЭтот комментарий был удален автором.
УдалитьЕсли использовать:
Удалить1) Дизайн→Макет→Додати гаджет→ (из прилагаемых у блоге то всё отлично);
2) Дизайн→Шаблон→Редагувати HTML→(а если добавить код любого своего виджета или информера то тут вопрос за вопросом). Куда именно вставить HTML? Если добавляются то пишет ошибку или добавляется где то в верхней панели навигации.
Например добавить календарный, погодный информер. То тут лишь пишет уведомление об ошибке!
Если использовать:
Удалить1) Дизайн→Макет→Додати гаджет→ (из прилагаемых у блоге то всё отлично);
2) Дизайн→Шаблон→Редагувати HTML→(а если добавить код любого своего виджета или информера то тут вопрос за вопросом). Куда именно вставить HTML? Если добавляются то пишет ошибку или добавляется где то в верхней панели навигации.
Например добавить календарный, погодный информер. То тут лишь пишет уведомление об ошибке!
Нет-нет, в шаблон не надо. Надо в "Дизайн", потом нажать "Добавить гаджет" и выбрать из предлагаемых "HTML/Java script". И когда этот гаджет откроется, то вставить в его окошко ваш собственный html от любого стороннего виджета.
УдалитьОгромное спасибо! Вы мне очень помогли.Теперь все предельно ясно.
УдалитьЖирнющее спасибищще!!! Очень выручили!
ОтветитьУдалить))) Пожалуйста!
УдалитьСпасибо огромное-огромное, а можно еще вопрос : а как баннер ( с таким трудом установленный) перетащить на боковую панель?
ОтветитьУдалитьЭто надо сделать как описано в первом или втором пункте данного поста
УдалитьТаня, спасибо, буду тренироваться.
ОтветитьУдалитьПоставила баннер вроде отображается все нормально но когда кликаешь по неиу ничего не происходит то есть перехода нет
ОтветитьУдалитьНадо поставить не только картинку, но и ссылку - тот адрес, куда должно перейти после нажатия. Я в тексте написала как это делается в каждом конкретном случае. Вы как ссылку вставляли?
УдалитьБоже, получилось! Только после Ваших разъяснений! Никакие другие не помогли! Спасибо Вам огромнейшее!
ОтветитьУдалитьОгромное спасибо
ОтветитьУдалитьИ у меня не получается,баннер отображается но если нажать на него переход не происходит
ОтветитьУдалитьЯ там выше на такое же "не получается" уже отвечала: надо связать картинку со ссылкой. В посте я написала для каждого случая отдельно как это делается. Вы по какому варианту делали? Я не могу ответить, если вы не описываете конкретную ситуацию... Просто "не получается" мне ничего не говорит(((
УдалитьТатьяна, подскажите, можно ли вставить картинку на боковую панель и не вводить название? Гаджет "Изображение" требует обязательного заполнения поля с названием. Спасибо.
УдалитьНет, к сожалению, что-то написать в названии обязательно надо. Поэтому если я хочу оставить без заголовка, я вставляю не как изображение, а как код HTML - там можно обойтись без заполнения поля "название". Для этого надо будет записать код вашего баннера в виде html как у меня в примере в п.2
УдалитьБлагодарю за совет!
ОтветитьУдалить