ГЛАВНАЯ СТРАНИЦА | ВХОД
Свой блог я хочу посвятить таким же новичкам в сети, каким являюсь и я.
Здесь я буду делиться с вами всем тем, чему я научился за время существования моего блога.
И пусть опытные Веб-мастера не удивляются банальности моих тем, ведь я еще сам "чайник", поэтому и делиться советами буду прежде всего с такими же новичками, как и я.
Надеюсь, что мои советы кому-то помогут.
С уважением, Алексей

Вставить картинку в заголовок блога в Блоггере

При стандартных шаблонах Blogger не всегда удается вставить картинку в заголовок блога так, чтобы это было красиво.

Сейчас я вам покажу, как это можно сделать с помощью html-кода. Единственным недостатком этого способа вставки изображения является то, что существует ограничение количества символов в строке ввода заголовка. Поэтому при длинном адресе изображения фокус может не удаться :-))

Вот, что было изначально:


Рядом с заголовком попытаемся вставить рисунок компьютера.
Как известно html-код любой картинки имеет примерно такой вид:

<img src="http://…/…jpg">
Чтобы привести адрес изображения к такому виду, необходимо либо найти ее в интернете либо загрузить со своего жесткого диска.
Если вы вставите картинку из интернета, то нажмите правой клавишей по ее изображению и скопируйте в свойствах изображения ее адрес. Приведите html-код к указанному выше образцу.

Если вы решили закачать свою картинку или фотографию со своего компьютера, то можете сделать это с помощью Радикала.

Теперь у вас есть html-код изображения, которое вы хотите вставить в заголовок вашего блога на Блоггере. Открываем Макет -- Элементы страницы.
Под панелью навигации выбираем Изменить заголовок. Вставляем полученный html-код в строку "Название блога" до или после названия.
Сохраняем изменения. Проверяем результат. Вот. что получилось у меня.


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

Осуществляйте внутренний контроль кассовых операций с помощью POS-Интеллект. Наша система позволит предотвратить мошенничество со стороны персонала магазина.
------------------------------------------


С этой темой еще читают:

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

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

    ОтветитьУдалить
  2. Только выбирайте картинку с расширением .png

    ОтветитьУдалить
  3. Да,все оказывается просто)Спасибо вам большое, популярно рассказали даже такому "чайнику" как мне)))Надеюсь получится...

    ОтветитьУдалить
  4. Попробуйте, у вас обязательно все получится! Желаю удачи!

    ОтветитьУдалить
  5. ну ты парень даеш а еще чайником назвался хто же я тогда

    ОтветитьУдалить
  6. Ну вставить такую картинку, на самом деле, очень просто))

    ОтветитьУдалить
  7. Ну, не знаю насколько это просто, все связанное с языком html для меня темный лес. А научится, очень хочется, сама пыталась изучить пока плачевные результаты.

    ОтветитьУдалить
  8. yupolya, я сам "чайник", но постепенно начинаю кое-что уже понимать. Главное - желание. И учитесь прямо на своем блоге или сайте.

    ОтветитьУдалить
  9. Сейчас уже нормально работает функция вставки изображения в заголовок. Раньше она не работала.

    ОтветитьУдалить
  10. Это просто супер.

    а функция вставки изображения в заголовок ограничена количеством пикселей по ширине.

    Единственное ,тогда само навание блога улезает вверх, после чего идет картинка, хотелось бы название на картинке.

    ОтветитьУдалить
  11. раньше стандартные функции были не отлажены, теперь через элементы страницы можно вставить любую картинку

    ОтветитьУдалить
  12. Алексей,спасибо огромное!Все так подробно и понятно!Это как раз то,что нужно сейчас.

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

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

    не знаю понятно ли объяснил

    кратко: разместил лого справа, оно появилось но не на всю высоту название+описание блога
    у вас как раз на всю высоту, какое решение вы использовали?

    спасибо

    ОтветитьУдалить
  14. Здравствуйте! Я может что-то не понял, но по-моему проще воспользоваться настройками заголовка. Там все расписано...
    З. Ы, Находится в Элементах страницы\заголовок

    ОтветитьУдалить
  15. Здравствуйте, сейчас шаблоны изменились и у меня не получается сделать индивидуальный дизайн((( Помогите, пож, поменять заголовок на картинку.

    Спасибо

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

В комментариях оставляем мнения и советы к данной статье. Все вопросы задаем ТОЛЬКО на ФОРУМЕ. Отвечаю и стараюсь помочь всем!