Так как блог я свой веду на 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>
Вот и все, теперь можете проявить фантазию и выразить её в дизайне логотипа, если конечно вы его разместили. Данное решение носит сугубо украшательский характер, можно сказать: "просто так, от нефиг делать" :)
Комментариев нет:
Отправить комментарий