Главное меню для blogger (blogspot).

Внимание! На сервисе произошли изменения прочтите дополнение после основного текста внизу страницы.

Сегодняшний урок по работе с шаблоном blogger расскажет и покажет вам, как правильно установить главное меню сайта - блога.

Что ж давайте продолжим изучать модернизацию блога. Касательно типов главного меню, всего существует два типа, горизонтальное и вертикальное, как первое так и другое может иметь выпадающие ячейки. И снова нам в помощь приходит отличный сервис привлекательных менюшек: http://cssmenumaker.com/css-menus Как видим сайт англоязычный, но разобраться можно и не владея английским.

В общем вверху, слева находится кнопка Type напротив стрелочка кликаем по ней, в списке выбираем либо Horizontal либо Vertical далее выбор за вами присмотрели себе меню, тогда кликаем по нему, в открывшейся странице кликаем по Customize\Download. Здесь видим само меню и его настройки, слева окошко с крестиком служит для добавления новых ячеек, вводим название ячейки и кликаем по крестику, ниже можно увидеть как к нашему меню добавилась еще одна ячейка, так же эти ячейки можно менять местами. В поле Edit Item так же можно задать имя ячейки и самое главное добавить ссылку на ту страницу, которая должна открываться на вашем сайте при клике по этой ячейке. Title - это название ячейки, Link - ссылка на страницу.

Теперь, если вы устанавливаете горизонтальное меню, кликаем по CSS копируем весь код, идем в панель управления нашим сайтом, заходим в Шаблон - Изменить HTML - жмем комбинацию клавиш Ctrl+F  в открывшемся окошке вводим код </b:skin> жмем Enter видим выделился нужный код </b:skin> перед ним вставляем скопированный на cssmenumaker код, затем возвращаемся на cssmenumaker и кликаем по HTML копируем код, возвращаемся в Изменить HTML - в поисковом окошке пишем <header> жмем Enter нашли код и сразу после него вставляем второй код из cssmenumaker сохраняем шаблон.

Если вы устанавливаете вертикальное меню делаем все тоже самое с CSS что и в случае с горизонтальным меню, а вот код HTML можно вставить как гаджет. Скопировав HTML код на cssmenumaker идем в Дизайн выбираем левый или правый колонтитул и добавляем гаджет в списке выбрать HTML\Javascript - вставить код и сохранить.

Вот и все.

Дополнение:
На сервисе который предлагается выше произошли некоторые изменения. Вроде, как теперь он стал платным и не совсем. Недавно посетив этот сайт мне было предложено оплатит годовой абонемент стоимость которого 14 долларов. Это окно выбивает когда вы уже определились с меню и нажимаете на раздел CSS. HTML еще можно настроить. Так вот есть там одна хитрость, можно этот CSS скачать себе на компьютер и затем закинуть в шаблон. Когда вы определились с менюшкой в открывшемся окне вы увидите надпись Download Source под ней ссылка source.zip кликаете, скачиваете в открывшемся документе ищете styles.css там и лежит наш код который нужно перекинуть в шаблон. Одно но на сервисе вы не сможете отредактировать такие параметры как цвет меню, цвет текста это нужно будет делать самому на своем шаблоне.

Марк Корвин 11/05/2013 36 Коммент.

Поделиться в социальных сетях:

Facebook Google+ Vkontakte

Рекомендуем