Меню для блоггер с горизонтальной прокруткой

---

Всем здравствуйте. Сегодня возвращаюсь к теме меню для блогов блоггер. Может кого-нибудь из вебмастеров заинтересует горизонтальное меню с прокруткой.

Настроить и установить код меню можно и в сайдбар блога, получим вертикальное меню с горизонтальной прокруткой. А с вертикальной прокруткой перейдите по ссылке и почитайте статью.

Горизонтальное меню в прокрутке на рисунке, живой пример сходите посмотреть в тестовый блог (внизу страницы).

Скопируйте HTML код

<style>

.menu-scroll {

background-color: #238e68; *//фон меню 

width:auto;  *// ширина,автоматически 

    overflow: auto;    

    white-space: nowrap;

    position: relative;

}

.menu-scroll a {

    display: inline-block;

    color: white; *// цвет названия ссылки

    text-align: center; *// текст по центру

    font-size:16px;  *// размер шрифта  

    padding: 14px;

    text-decoration: none;

}

.menu-scroll a:hover {

    background-color: #4a766e; *// цвет вкладки при наведении

</style>

<div class="menu-scroll">

  <a href="адрес ссылки">Главная</a>

  <a href="адрес ссылки">Об авторе</a>

  <a href="адрес ссылки">Контакты</a>

  <a href="адрес ссылки">Все статьи блога</a>

  <a href="адрес ссылки">HTML</a>

  <a href="адрес ссылки">CSS</a>

  <a href="#адрес ссылки">Для блоггер</a> 

  <a href="адрес ссылки">Гаджеты</a>

  <a href="адрес ссылки">Дизайн</a>

  <a href="адрес ссылки">Меню</a>

  <a href="адрес ссылки">Комментарии</a>

  <a href="адрес ссылки">Оптимизация</a>

  <a href="адрес ссылки">Индексация</a>

  <a href="адрес ссылки">Партнерские программы</a>

  <a href="адрес ссылки">Сайты для заработка</a>

</div>

Код вставьте дизайн-добавить гаджет, сохранить в нужное место макета блога. Цветовой фон меню можно изменить на фон градиент. Почитайте статью Меню для блоггер с фоном градиента.

Адрес ссылки-вставьте url адрес, соответствующий названию. Также при желании настроить открывать вкладки в новом окне и закрыть от индексации для поисковых систем.

Я повторяться не буду, вот статья: Горизонтальное фиксированное многоуровневое меню для блоггер, в ней все подробно написано.

Вопросы по настройке и установке задавайте в комментариях или через форму для связи. Всем всего доброго.

Рекомендую почитать:

• Вертикальное меню с прошитыми вкладками для блоггер;
• Горизонтальное меню с выпадающими вкладками для blogger;
• Как самостоятельно создать и красиво оформить простое меню для блога;
• Кнопка всплывающего бокового меню для блоггер;