Поиск www.freewebmaster.info/mob

blogger.freewebmaster.info/mob/top

Страницы Mob

07 мая 2013

Как вставить изображение перед названием блога в шапке Blogger?

Одним из недостатков Blogger, является то, что сервис не позволяет разместить картинку перед названием блога, в верхней части сайта. Но есть один способ сделать это, не внося изменений напрямую в код шаблона. Так, в панели управления Blogger, на вкладке "Дизайн" нажмите на ссылке "Изменить" виджета настройки заголовка блога. Для размещения, например, логотипа, в соответствующем поле виджета, перед названием блога, вставьте ссылку на нужное изображение, в виде кода:
<img src= "http://веб-адрес изображения"/>

Настройки системы имеют ограничения по количеству вводимых знаков в названии блога, поэтому вставить ссылку на картинку, загруженную в сам Blogger, не получится - большое число символов в адресе. Например, можно, вставить ссылку на логотип, загруженный в корневой каталог вашего хостинга (если он, конечно у вас есть), где картинка имеет не такой длинный адрес. Заметил, что если в виджете отделить ссылку от названия пробелом, то расстояние между логотипом и заголовком будет несколько миллиметров, причем оно не зависит он количества пробелов. Вообще без пробелов объекты сливаются.

Теперь, у меня, наверное, как и у многих из вас возник такой вопрос. Если ссылку на изображение ввести непосредственно в шаблон, возможно, не будет ограничений на количество символов. Идем на вкладку "Шаблон" и жмем на кнопку "Изменить HTML". Выбираем из списка виджетов "Header1", который отвечает за отображение шапки шаблона и смотрим на изменения в его коде. Перед названием блога должна появиться наша ссылка:

title='&lt; img src=&quot; http://веб-адрес изображения &quot; &gt; (заголовок блога)'

Пробовал заменить эту ссылку на другую, но изменений в отображении шапки не произошло никаких, даже картинка осталась прежней, поэтому, пока остановился на варианте размещения самого изображения, на стороннем ресурсе.


3 комментария:

  1. Здравствуйте! Скажите, пожалуйста, применим ли этот способ к размещению изображения логотипа не сверху, а слева от названия блога, в верхней части сайта?

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

      Удалить
  2. Жопа...Сейчас мучаюсь с картинками на стороннем шабе.Через гуглфото-пропадают.С диска не видно.На сторонний ресурс не охота кидать.

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