Изменяем виджет "Логотип" в Blogger (Blogspot)

Логотип Blogger и надпись LoveТак как блог я свой веду на Blogger и данную платформу люблю, с каждым разом все больше и больше, то решил разместить в нем стандартный виджет "Логотип", это тот который "Powered by Blogger", но сделал его чуть поярче, в соответствии с общим оформлением блога.
  В данной заметке хочу поделиться тем, как можно изменить виджет "Логотип" в стандартном шаблоне Blogger.
  Лого по умолчанию, конечно хороши и максимально отвечают требованиям логотипа как такового, но выбор особым разнообразием не блещет. Однако, никто не мешает установить любое другое изображение вместо стандартного, но желательно с эмблемой конечно, ведь мы помним название виджета :) А сделать это очень просто:
  Находим или создаем подходящую картинку, заливаем ее на хостинг (можно на черновую страницу своего блога), берем ссылку.
  Открываем Настройки -> Дизайн -> Изменить HTML отмечаем "Расширить шаблоны виджета" и находим вот такую строчку:
<b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'>
  А под ней уже видим следующие:
<a href='http://www.blogger.com'><img alt='Powered By Blogger' expr:src='data:fullButton'/></a>
  И вместо expr:src='data:fullButton' записываем ссылку на свое изображение - src='.../image.png'. Смотрим. Если изображение больше или положение его отображается не корректно, то можно исправить это с помощью добавляемого тут же CSS.
В моем варианте выглядит это так:
<a href='http://www.blogger.com'><img alt='Powered By Blogger' src='.../image.png' style='position: absolute; top: -30px; right: 10px;'/></a>

  Вот и все, теперь можете проявить фантазию и выразить её в дизайне логотипа, если конечно вы его разместили. Данное решение носит сугубо украшательский характер, можно сказать:  "просто так, от нефиг делать" :)

Комментариев нет:

Отправка комментария

Следующее Предыдущее

BestProject