21.05.2012

Blogger - как вставить активный баннер. Урок 01

Мини урок 01 с видео по теме "Создание блога на Blogger (школа «Internet PRO100»). Одно из заданий по созданию блога на Blogger — установить баннер школы и, желательно, чтобы он был активным. Что такое активный баннер? Баннер, при нажатии на который, вы переходите по заранее заданной ссылке (смотрите видео).
Перед началом установки надо 1) знать свою реферальную ссылку на регистрацию в школе 2) иметь в блокноте коды баннеров (коды баннеров есть на сайте школы и в конце этого поста) 3) заменить в кодах баннеров выделенную часть кода на свою реферальную ссылку 4) сохранить новые рабочие коды баннеров 5) выбрать один понравившийся баннер.

Баннер школа «Internet PRO» будем устанавливать используя гаджет с именем HTML/Java/Script и данный мини урок с видео инструкцией.

Схема действий (выполняем и сверяемся с видео):



  • Заходим на свой блог на Blogger
  • Выбираем в меню Дизайн
  • Открывается страница с гаджетами, которые есть у нас на блоге
  • Выбираем Добавить гаджет (в любом произвольном месте)
  • В открывшемся списке гаджетов находим гаджет с именем HTML/Java/Script
  • Заполняем форму
  • Название - вписываем произвольное или оставляем пустым
  • Содержание - вставляем свой выбранный код баннера из блокнота
  • Сохранить
  • Если все аккуратно сделано, баннер появится на нашей странице Дизайн блога на Blogger
  • Сохраняем расположение. Просмотрим блог. Баннер виден внизу блога, куда я его поместила
  • Если такое расположение баннера не устраивает, возвращаемся на страницу Дизайн
  • Цепляем мышкой за левый с дырочками край гаджета и перетаскиваем в нужное нам место. Скажем, справа вверху
  • Сохранить расположение. Просмотр. Отлично!
Выходим с блога. Проверим активность баннера: нажмем на баннер и должны перейти на анкету для студентов.

Баннер школа «Успех в Internet PRO100» успешно установлен в блоге на Blogger.

Если что-то не получилось, можно изменить/удалить гаджет и внимательно проделать установку еще раз четко следуя инструкции мини урока и видео.

Всего доброго. Успехов!
Коды баннеров
700*161 размер баннера большой прямоугольник
<center><a href="http://pro100school.com/account/register?r=3381 "target="_blank">
<img border="0" src="http://yspexvinternetpro100.com/shkola-yspexvinternetpro100.gif"></a></center>

180* 180 размер баннера маленький квадрат
<center><a href="http://pro100school.com/account/register?r=3381 "target="_blank"><img border="0" src="http://denngivsem.ru/wp-content/uploads/2011/09/shkola.gif"></a></center>

486*60 размер баннера средний прямоугольник
<center><a href="http://pro100school.com/account/register?r=3381"target="_blank">
<img border="0" src="http://denngivsem.ru/wp-content/uploads/2011/09/shkola_480_60.gif
"></a></center>

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

  1. Спасибо Вам за такое простое объяснение! Оказалось все просто, я всего несколько дней, недели даже нет :)) занимаюсь блогом своим, мне казалось, что все так сложно и запутано.... Еще раз спасибо!

    ОтветитьУдалить
  2. По вашему блогу легко делать задания.Спасибо, Светлана.

    ОтветитьУдалить
  3. Ваши советы просто неоценимы. Всё оказывается так легко и просто. Спасибо, Вам Светлана.

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

    ОтветитьУдалить
    Ответы
    1. Вадим, не важно какой именно гаджет устанавливать - школы или любой понравившейся - я рассказываю принцип установки и работы активных гаджетов. Принцип - стандартный. А баннер, его коды - любые на ваш выбор

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

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

    ОтветитьУдалить
  7. А глобус я к себе скопировала в блог!!!

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

    ОтветитьУдалить
  9. У меня получилось!!! СПАСИБО

    ОтветитьУдалить
  10. Полный 0 в этой теме....но....Светлана, благодаря Вам чувствую себя хакером))))) первый день на Вашей страничке и у меня уже все получилось, благодарности моей нет предела!!!!

    ОтветитьУдалить