Как сделать выпадающее меню в blogger с адаптивным дизайном

Как сделать выпадающее меню в blogger

Как сделать выпадающее меню в blogger:
Найти выпадающее меню для блоггера не самое сложное занятие, сложно его установить в блог, точнее найти место в котором нужно разместить html код менюшки, потому как шаблоны бывают разные. Так что лучший вариант это выбрать подходящий шаблон в котором будет не только меню, но другие нужные вам виджеты.

Если все же хотите помучиться, тогда вот инструкция по установке выпадающего меню.

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

Скачать код меню

Чтобы узнать, как его устанавливать посмотрите видео:

Так же читайте по теме, как настраивать главное меню в blogger.



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

Рекомендуем

12 Коммент.

Оставить комментарий
avatar
mr_media
февраля 23, 2019

Хотел поставить лайк, а некуда... Где кнопка?

Ответить
avatar
Марк Корвин
февраля 23, 2019

Спасибо, что указали на этот недочет. Скоро что-то придумаем. А пока, если действительно все понравилось, комментарий с одним банальным словом "Спасибо" будет лучшим лайком.

Ответить
avatar
EBronstein
мая 07, 2019

поиск не работает, просто показывает все материалы

Ответить
avatar
EBronstein
мая 07, 2019

если не починить, то хоть убрать как? пытался закомментить, но иконка остается, а как ее убрать я хз

Ответить
avatar
Mark Korvin
мая 07, 2019

Щас гляну.

Ответить
avatar
Mark Korvin
мая 07, 2019

Вот эти две строки:
<form action='/search/' class='search_box' id='search_box'>
<input name='search_criteria' placeholder='Поиск' type='text' value=''/>

Замените на вот эти:
<form action='/search?q' class='search_box' id='search_box'>
<input name='q' placeholder='Поиск' type='text' value=''/>

Ответить
avatar
Николай Ксенофонтов
мая 10, 2019

На шаблоне Contempo работает отлично. На шаблоне Emporio после установки при открытии сообщения или страницы название блога и строка поиска самого шаблона делит их на две части. Как можно исправить?

Ответить
avatar
Mark Korvin
мая 10, 2019

Удалите в CSS строку:
.centered-top-container.sticky {position: absolute;}

Чтобы после этого меню не закрывало шапку в сообщениях, вставьте после ]]></b:skin> код:
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style>
.no-scroll {
top: 60px!important;
z-index: 9999;
}
</style>
</b:if>

Ответить
avatar
Николай Ксенофонтов
мая 10, 2019

Благодарю!!!
Все получилось!

Ответить
avatar
Сергей Лукьянов
августа 05, 2019

на мобильных устройствах не открывается меню. Просто черная полоса и написано Menu/ Как можно исправить, спасибо!

Ответить
avatar
Mark Korvin
августа 05, 2019

Киньте ссылку на блог.

Ответить
avatar
Svetlana
ноября 08, 2019

Спасибо. Все получилось

Ответить