воскресенье, 29 мая 2011 г.

Как разместить баннер на панели блога

Большинство из вас уже давно знают, как разместить баннер на панели блога))) Но, когда я столкнулась с этим вопросом впервые, признаюсь, потратила кучу времени.
Так что, для таких, как я))))))))
NB! вы должны быть гордым обладателем почтового ящика gmail и своим блогом (всё это относится к любителям google)))
1. Для начала, нужно сохранить интересующую вас картинку на свой компьютер.
2. Идём в свой почтовый ящик gmail и находим там вкладку "фотографии" (верхний левый угол)
Заходим в неё. Не пугаемся, когда вас редиректит на другую страницу (веб-альбомы Picasa)))
3. Находим вкладку "мои фотографии" и кликаем на неё (верхний правый угол)
4. Если там уже есть нужная картинка - это просто замечательно! Если нет - заходим в альбом своего блога (туда мы будем закачивать нашу картинку) и кликаем на вкладку "добавить фотографии"
5. Загружаем нашу картинку в альбом:
 
После этого жмём "OK" (нижний правый угол) и дальше возвращаемся в наш альбом (теперь-то уж точно наша картинка будет там))) 
6. Кликаем на нужную картинку; теперь нас будет интересовать информация на правой панели. А точнее, вкладка "ссылка на эту фотографию".

7. Кликаем на неё, вкладка раскрывается. Копируем все закарюки из текстбокса "вставить изображение":
NB! При этом не забываем про размер картинки (строчкой иже). Если хотим, чтобы картинка гармонично вписалась в боковую панель блога, выбираем "миниатюра 144 пикс". В любом случае, не волнуемся, размер можно поправить позже))
8. Теперь идём в свой блог, заходим в "Дизайн" и кликаем "Добавить гаджет". (Не забываем, что гаджеты можно свободно перетаскивать с места на место; это уже к вопросу эстетики))) И в невероятном многообразии различных прибамбасов выбираем "HTML/JavaScript"
9. Пишем название (это если мы хотим, чтоб наш великолепный баннер имел заголовок))), а в "Содержание" вставляем скопиованный текст из Picasaweb (см. п.7)
А теперь важный момент! Вглядываемся в нашу "китайскую грамоту", и после href=" и до "><img вместо уже имеющегося текста (это ссылка на вашу картинку в альбоме Picasa) вставляем нужную нам ссылку (куда будет ссылаться ваш баннер при клике на него):
10. Заменили? Чудесненько))) Идём дальше! Чтобы проверить себя, жмём на "Обогащённый текст (RTF)". Должна появиться наша картинка:
Теперь можно добавить текст, еще один баннер или наоборот что-то убрать (например название альбома)! Если картинка не появилась, жмём "изменить Html" и проверяем, правильно ли был изменён наш текст (см. п.9).
11. Если нас всё устраивает, жмём "сохранить". Во вкладке "Дизайн" созерцаем наш новый гаджет с горячо любимым баннером) Не забываем кликнуть "сохранить" в самом дизайне. Смотрим свой блог и (чтобы проверить, всё ли в порядке) жестом чемпиона жмём на наш баннер.
Если что-то не получилось, не расстраиваемся! Процесс обратимый и повторимый))
П.С. На единственность метода не претендую) Уверена, кто-то умеет это лучше)
Всем успешного блоггерства))))))))))))))))

____________
UPD:
Теперь для блоггера пояаился более простой способ: сразу переходим к пункту 8 и там выбираем не "HTML/JavaScript", а "Картинка" (дальше интерфейс прозрачный)))

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

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

    ОтветитьУдалить
  2. а у меня возникли проблемы с пунктом №6: там нет такой вкладки "ссылка на эту фотографию"... :(((((((

    ОтветитьУдалить
    Ответы
    1. Катя, попробуй поменять свойства альбома:
      чуть выше нужно зайти во вкладку (изменить) => попадаешь в информацию об альбоме => в пункте "отображение" нужно изменить "только вам" на "Только тем, у кого есть ссылка"

      А вообще сейчас баннер можно повесить проще: сразу переходим к пункту 8 и там выбираем не "HTML/JavaScript", а "Картинка"

      Удалить
  3. Спасибо! У меня все получилось!

    ОтветитьУдалить
  4. Спасибо большое Вам! А то для меня это все пока темный лес))))

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