Фиксированное выпадающее меню для Blogger

floating_menuПриветствую вас, дорогие читатели блога! Сегодня я представлю вам два замечательных меню для Blogger. Для тех кому мало - простое плавающее, можете установить для своего блога фиксированное выпадающее меню Blogger. Данные менюшки пришлось искать на просторах буржунета, по просьбе одного моего настойчивого читателя. Вот благодаря ему и появится этот пост. Повторюсь немного, плавающее или по другому фиксированное меню будет находится в верху блога и при прокрутке страницы вниз оно ни куда не исчезнет. Будет оставаться не подвижным.

Как установить фиксированное плавающее выпадающее меню в Blogger

Fiksirovannoe-vypadajushhee-menju
Фиксированное выпадающее меню для Blogger

Это как будет выглядеть меню. Навигационное меню черное, а при наведении на подменю цвет синий. Можете сбегать посмотреть его в демо блог. Я не буду делать ссылку кликабельной, выделите её и перейдите - http://demo-school-blogger.blogspot.ru. Установка очень простая, не надо лезть в сам шаблон блога, достаточно вставить код в поле гаджета HTML/Javascript и опля готово. Друзья я не стал переводить на русский язык разделы меню, сделайте это сами. Код для меню такой:

Здесь, background: #000000, можете поменять фон на свой и так далее. Вместо решеток # вставляйте ваши ссылки на статьи или ярлыки, вообщем на, что хотите.

Следующее меню, с социальными кнопками и окном поиска.

Как сделать красивое плавающее (фиксированное) выпадающее меню в блоге Blogger

floating-navigation
меню, с социальными кнопками и окном поиска

Демо не будет, так как у меня уже для него места нету,закончились блоги.

Это меню ставится в сам шаблон блога, чуть ниже тега <body> Вот такой код:

Здесь, вам нужно добавлять профили ваших соцсетей, ваш фид rss, id facebook, для того чтобы работал виджет likebox, а так же вставлять ссылки на статьи или ярлыки. И указать URL своего блога в поиск. Вот вроде и все. Вроде ни чего не забыл.

До новых встреч.

С уважением, Сергей

Комментарии

  • Огромное спасибо, может можете еще расписать как все в нем изменить?

    • Что хоть изменить? Опять не так.

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

        • Нашел ещё одно плавающее выпадающее меню в 3d, смотри в новом посте.Может на этот раз понравится дизайн меню, чтобы тебе с цветом не возиться. 🙂

          • Дело не только в цвете, мне его переделают, вообще видоизменят. У меня минималистичный белый блог, сами представляете наверное что под его надо.

          • К белому цвету мне кажется всё подходит. Белый и черный — сочетание отличное. Удачи.

  • Какой он ужасно длинный!? Тормозить загрузка не будет?

  • Сергей, а что насчет моего вопроса в контакте?

    • У тебя стоит font: normal normal 27px Georgia, я например не знаю надо новые шрифты устанавливать или только можно прописать вместо Georgia нужный. Попробуй.

      • Мне georgia и надо, но на главной странице отображается не этим шрифтом, а что написали вы это внутри статьи действует.

  • У меня первое меню в лево ушло. Хотя в коде по центру. =( Что делать ума не приложу.

  • Здравствуйте Сергей!
    Вот что я сделал из зеленого меню, кому интересно могут посмотреть — trifonenkov.com

  • Спасибо у меня получилось.

  • подкажите пожалуйста, как мне сделать чтобы мое выпадающее меню сверху было таким же как и снизу?
    вставляю одинаковый код html , но внизу страницы все отображается нормально и подменю работает, а вот сверху нет
    dlyaprimera.blogspot.ru/

  • A как можно изменить высоту и ширину выпадающего меню

  • само меню!!! thank’s

  • Здравствуйте! Как настроить цвет на выбранной вкладке в подменю (по умолчанию выделяется синим), все перерыл!?

  • Здравствуйте, прежде чем задавать вам вопрос перечитал все предыдущие комментарии, видимо ни у кого не возникло вопросов по поиску… Со всеми остальными настройками разобрался сам, пришлось конечно немного повозиться, но разобрался. С поиском вобще не могу понять куда надо вставлять ссылку на сайт, что бы поиск заработал, три дня вожусь, везде перепробовал… 🙂 Спасибо большое 🙂

  • Здравствуйте. Как добавить еще один пункт в меню и новую строчку в подменю?

    • Привет! Посмотрите внимательно строение меню HTML и добавьте не достающие элементы. Если не получится сообщите я вам на почту ответ вышлю или дополню статью. 🙂

  • Здравствуйте. У меня возник еще один вопрос. Как сделать так, чтобы сообщения других меню не попадали на главную страницу?

  • Прикольно конечно, но в мобильной версии эти менюшки пропадают

  • Спасибо, а может подскажете, как сделать подменю 3го уровня?

  • Огромное спасибо!!!…ТРОЕ СУТОК НЕ СПАЛ весь интернет перерыл, уже отчаялся думал ничего нужного не найду.Попробовал на тестовом блоге УРА!!! всё работает как надо и в html копаться ненужно и цвета легко меняются и страниц сам в коде сколько угодно могу теперь сам прописать.
    СПАСИБО!!! На днях буду ставить в свой блог.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Решите задачку: *