Гаджет "Выпадающее меню" на blogger позволяет сделать навигацию по сайту гораздо удобнее и сохранить место на главной странице.
Пример гаджета можно посмотреть на тестовом блоге
Установка гаджета "Выпадающее меню"
1.Дизайн-Изменить HTML
2.Находим строчку </head>с помощью комманды CTRL+F
3. Перед ней вставляем
<!--MULTI-LEVEL-DD-MENU-STARTS-->
<link href='http://forum.wafl.ru/files/freeman/DDM1_style.css' rel='stylesheet' type='text/css'/>
<script src='http://forum.wafl.ru/files/freeman/DDM1_script.js' type='text/javascript'/>
<!--MULTI-LEVEL-DD-MENU-http://beliber-da.blogspot.com-->
<!--MULTI-LEVEL-DD-MENU-STARTS-->
<ul id="menu" class="menu">
<li><a href="#" class="menulink">Меню №Раз</a>
<ul>
<li><a href="#">Меню 1 - пункт 1</a></li>
<li><a href="#">Меню 1 - пункт 2</a></li>
<li><a href="#">Меню 1 - пункт 3</a></li>
<li><a href="#">Меню 1 - пункт 4</a></li>
<li><a href="#">Меню 1 - пункт 5</a></li>
</ul>
</li>
<li><a href="#" class="menulink">Меню №Два</a>
<ul>
<li><a href="#">Меню 2 - пункт 1</a></li>
<li><a href="#">Меню 2 - пункт 2</a></li>
<li><a href="#">Меню 2 - пункт 3</a></li>
<li><a href="#">Меню 2 - пункт 4</a></li>
<li><a href="#">Меню 2 - пункт 5</a></li>
</ul>
</li>
<li><a href="#" class="menulink">Меню №Три</a>
<ul>
<li><a href="#">Меню 3 - пункт 1</a></li>
<li><a href="#">Меню 3 - пункт 2</a></li>
<li><a href="#">Меню 3 - пункт 3</a></li>
<li><a href="#">Меню 3 - пункт 4</a></li>
<li><a href="#">Меню 3 - пункт 5</a></li>
</ul>
</li>
<li><a href="#" class="menulink">Меню №Четыре</a>
<ul>
<li><a href="#">Меню 4 - пункт 1</a></li>
<li><a href="#">Меню 4 - пункт 2</a></li>
<li><a href="#">Меню 4 - пункт 3</a></li>
<li><a href="#">Меню 4 - пункт 4</a></li>
<li><a href="http://beliber-da.blogspot.com/">БелиберDA</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">
var menu=new menu.dd("menu");
menu.init("menu","menuhover");
</script>
<!--MULTI-LEVEL-DD-MENU-http://beliber-da.blogspot.com-->
в том месте, где вы хотите видеть выпадающее меню на blogger.
40 коммент.:
как изменить цвет меню?
"href='http://forum.wafl.ru/files/freeman/DDM1_style.css'" во второй строчке кода.
скопируйте ссылку и перейдите по ней.
там увидите css код.скопируйте его себе на компьютер и проведите нужные изменения.
потом перезалейте файл на хостинг и замените старую ссылку на новую.
а дальше что делать?тоесть как добавлять?
Жаль только, что это меню не применить в blogger, так как на каждой новой создаваемой странице более одного поста не создать, в отличии от главной.
У меня меню установилось, но вот что-то не выподает :(
Все получилось)
http://new-rus.blogspot.com/
А скопировать код с Вашего сайта нельзя?
чего ж нельзя,можно!
"href='http://forum.wafl.ru/files/freeman/DDM1_style.css'" во второй строчке кода.
скопируйте ссылку и перейдите по ней.
там увидите css код.скопируйте его себе на компьютер и проведите нужные изменения.
потом перезалейте файл на хостинг и замените старую ссылку на новую
Если можно, расскажите поподробнее, я из "чайников", Меню получилось http://vebrabota.blogspot.com/, но хочется его поправить, чтобы все было красиво и функционально.
а я так и не поняла... у меня ничего не получается... где искать этот head? можно поподробнее рассказать!?
привет народ можете со мной связаться по скайпу не получается выпадающие окна сделать скайп tymon273
Я тоже в шаге "5.Дизайн-Элементы страницы-HTML/Javascript" не могу найти Javascript........
Получилось!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
"в том месте, где вы хотите видеть выпадающее меню на blogger."
Я хочу под шапкой, но не понимаю как? У меня где-то наверху получается((
А как вы удалили поиск на тестовом сайте???
Это не гаджет и потому незнаю как удалить!
А меню у меня странно ведет - очень быстро пропадает неуспеваю даже на пункт навести!
А увас оно очень плавно почему то - почему!!!!
Здравствуйте. Попробовала сделать меню. Если располагать внизу блога, то меню отлично работает, а вот если вверху блога, непосредственно под шапкой блога, то менюшка не раскрывается почему-то. Помогите, пожалуйста. Что нужно подправить?
Mollitia,напишите пожалуйста ссылку на ваш сайт
не знаю почему такая проблема, не сталкивалась
круто, но как добавлять новости?
помогите плиз у меня тоже сбоку или внизу выпадает,а горизонтально вверху нет http://www.aziashopping.dn.ua/
Как сделать что бы шаблон отображал только главную страницу, не расстягивая сообщения "до бесконечности"? Кто знает?
Как сделать облако тегов? Пытался в данном месте где ярлыки только окошко в виде Flashplayer. Скачал и установил флеш, но изменений никаких, в чем подвох? Кто не будь проделывал подобную процедуру, как, что и где писать? Буду благодарен!
Меню устанавливается, но не выпадает, пробовал на разных тестовых блогах и не только это меню, но и другие варианты меню. Подскажите что может быть за проблема? Спасибо.
Здравствуйте, ваш уже не первый вариант пробую сделать менюшку, но выпадающие окна не видно под фоном почему-то. Посмотрте пожалуйста, может все проще, чем думается. www.oricoach.ru
Я перешел по ссылке во второй строке и увидел код, что делать дальше? Расскажите поподробнее. Заранее благодарен.
И скрипт и CSS удалили, залейте заного пожалуйста!
Не выпадает... Беда
При переходе по ссылке - пусто....
Могу дать код этого меню http://webpomosh.blogspot.ru/
http://homelessinussr.blogspot.ru/
http://studiob52.blogspot.fr/
Все ок http://www.spacser.com.ua
Здравствуйте. Пишет Вам учитель, который создал свой блог, но при создании выпадающего меню за предложенным вариантом столкнулся с проблемой. На главной странице блога все меню видно в полном объеме. Далее создала страницу и из информационной панели страницы скопировала адрес ссылки и вставила, как описано «В этом коде добавляйте название Ваших пунктов меню, а вместо # вставляйте ссылки на необходимые страницы». Сохранив изменения, решила проверить, что же получилось. А получается то, что при открытии страницы, я попадаю не на страницу гостя (посетителя) блога, т.е. не туда, где указана информация для посетителя или файл и ссылка на
него, а на эту страницу в информационной панели, где может работать только блоггер. Где я допустила ошибку и как мне ее исправить? Помогите, пожалуйста. Спасибо.
Нужно вставить этот код?
Все получилось https://sitygorod.blogspot.com.by/
https://vash-tovar.blogspot.ru
https://bezdep-casino.blogspot.com/
Доброго дня. Все сделал, с HTML кодами, меню видно и кликабельно на сайте, но вот как дальше вставлять ссылки и куда, так и не нашёл. Подскажите будьте добры, кто знает. Вот сайт.https://melukrprom.blogspot.com/
Я хочу поделиться свидетельством о том, как г-н Бенджамин помог мне с займом в 2 000 000,00 долларов США для финансирования моего проекта фермы по выращиванию марихуаны, я очень благодарен и пообещал поделиться этой законной финансирующей компанией с любым, кто ищет способ расширить свой бизнес-проект. .финансирующая компания. Любой, кто ищет финансовую поддержку, должен связаться с ними по адресу lfdsloans@outlook.com. Г-н Бенджамин также работает в WhatsApp + 1-989-394-3740, чтобы облегчить задачу любому заявителю.
Отправить комментарий