Ознакомиться с предложением по сертификации и аттестации на сайте http//jurists.moscow - дистанционное обучение.

Недавно на основании всех этих полезностей я сменил дизайн. Сделал это потому что этот блог был первый и пробный - я вообще про всякие CSS HTML JavaScript ничего не знал, но мне очень хотелость чего-нибудь эдакого. Приглашаю посетить мой новый блог там будет много о чём поговорить. Ну а в этом будут советы, советы, советы в помощь блоггеру как и задумывалось!

понедельник, 18 июня 2007 г.

Как добавить баннер в заголовок (HEADER)

Для того чтобы добавить баннер в заголовок надо ...

Для начала нужно иметь готовый баннер иначе что вы собираетесь размещать? Я надеюсь что у вас он уже готов. Если не готов - воспользуйтесь онлайн генераторами баннеров -в интернете их туча в основном хорошие - англоязычные, поэтому гуглим по ключевым словам 'free banner generator'. Сделали - приступим.

Заливаем баннер на хост, им может быть и googlepages.com и сам blogger. в случае с googlepages сохраняем линк от размещённого баннера. Если использовать блоггер, то тогда создаём пост и вставляем картинку со своим баннером. Мы увидим ссылку на баннер после сохранения, выглядеть приблизительно она будет так:

<a onblur=\"try {parent.deselectBloggerImageGracefully();} catch(e) {}\" href=\"http://1.bp.blogspot.com/_J2kVk3AKsXA/RXcetyx4o6I/
AAAAAAAAAAw/khphtkWwAMY/s1600-h/ИМЯ_КАРТИНКИ.jpg\">
<img style=\"display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;\" src=\"http://1.bp.blogspot.com/_J2kVk3AKsXA/RXcetyx4o6I/
AAAAAAAAAAw/khphtkWwAMY/s400/ИМЯ_КАРТИНКИ.jpg\" border=\"0\" alt=\"\"id=\"BLOGGER_PHOTO_ID_5005503282919547810\" /></a>


Выдёргиваем из этого кода URL картинки который выгдядит так:

http://1.bp.blogspot.com/_J2kVk3AKsXA/RXcetyx4o6I/
AAAAAAAAAAw/khphtkWwAMY/s400/PIC_NAME.jpg


запоминаем его - он понадобится нам для вставки в header (заголовок). Далее идём в ШАБЛОН-->ИЗМЕНИТЬ HTML и находим в HTML коде header:

<div id=\"header-wrapper\">
<b:section class=\"header\" id=\"header\" maxwidgets=\"1\" showaddelement=\"no\">
<b:widget id=\"Header1\" locked=\"true\" title=\"The Widgets of Beta Blogger. (Header)\" type=\"Header\">
</b:widget>
</b:section></div>


В вышеперечисленном коде замените maxwidgets="1" на maxwidgets="3", также замените showaddelement="no" на showaddelement="yes" и locked="true" на locked="false".
Сохранимся!

Теперь идём на страничку с этементами страницы, которые можно добавить и удалить.
И вы увидите, что у заголовка появилась возможность добавления элементов. Добавляем HTML/JavaScript элемент и вставляем туда URL картинки в виде

<a href=\"URL_КУДА_ССЫЛАЕТСЯ_БАННЕР\"><img src=\"URL_ВАШЕГО_БАННЕРА_КОТОРЫЙ_МЫ_ЗАПОМИНАЛИ\" alt=\"Заголовок блога\"></a>

Сохраняемся и вуаля. Баннер стоит и просит себя нажать!

1 комментарий:

Анонимный комментирует...

Спасибо