Как сделать меню страниц в блоге

Меню страниц можно сделать двумя (двумя с половиной)) способами. Я знаю о двух, а может, их и больше)

В этот раз начну с легкого)

1. Легкий и быстрый способ сделать меню страниц в блоге. 

 

1. Заходим в  "Настроить" - "Дизайн".

2. В поле под гаджетом "Заголовок" (шапка блога) добавляем гаджет "Страницы".

3. Сохраняем и видим текстовый вариант отражения меню страниц. Например так, как в блоге МояКучаМала (когда же и до него дойдут руки дизайн настроить). Фото кликабельно))

 

2. Легкий и чуть-чуть не быстрый способ сделать меню страниц в блоге.  

 

Удобен, если мы хотим, чтобы в меню страниц были ссылки на сторонние сайты и блоги.

1. Заходим в  "Настроить" - "Дизайн".

2. В поле под гаджетом "Заголовок" (шапка блога) добавляем гаджет "HTML"

3. В поле гаджета пишем такой код:

<div id='menu'>

<ul>
<li><a href="http://kuchamala22.blogspot.com/">Блог</a></li>
<li><a href="http://dushechki.blogspot.com/p/blog-page.html">Обо мне</a></li>
<li><a href="http://dushechki.blogspot.com/p/blog-page_13.html">Контакты</a></li>
</ul>

</div>

То, что выделено синим - это название закладки, красным - адрес закладки (куда мы перейдем, нажав на нее).

Чтобы закладок было не три, как у меня в КучаМале, а больше, просто скопируйте вот этот кусочек кода:

<li><a href="http://kuchamala22.blogspot.com/">Блог</a></li>

и добавьте его в нужное место, прописав свои параметры. Например, так:

<div id='menu'>

<ul>
<li><a href="http://kuchamala22.blogspot.com/">Блог</a></li>

<li><a href="http://kuchamala22.blogspot.com/">Блог</a></li>

 <li><a href="http://dushechki.blogspot.com/p/blog-page.html">Обо мне</a></li>

<li><a href="http://dushechki.blogspot.com/p/blog-page_13.html">Контакты</a></li>
</ul>

</div>

4. Сохраняем гаджет.

3. Еще один вариант меню в блоге. Он реализован в блоге, который вы сейчас читаете - Grishina Elena.

Я использовала для закладок картинки. Для этого я сделала все шаги, как и во втором варианте.

1. Заходим в  "Настроить" - "Дизайн".

2. В поле под гаджетом "Заголовок" (шапка блога) добавляем гаджет "HTML"

3. Картинки  предварительно заливаем в веб-альбом, чтобы они получили адрес для ссылки.

4.Вставляем точно такой же код, как и во втором способе. Но поле, выделенное синим цветом заменяем на адрес картинки (адрес картинки можно посмотреть в веб-альбоми  в свойствах картинки)

Было так:

<li><a href="http://kuchamala22.blogspot.com/">Блог</a></li>

Стало так:

 <li><a href="http://kuchamala22.blogspot.com/">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrRKuiPX9tUoviR6djTjqQyseI1XRMo9JJZE7KFmZYXlvcl2W0AoEnzaLLC3rUYFS4EQNz0TjZIT06Ku9sREwuC7LWdebDxyVoQyxYaCd5RCoTdH5jqqQegkzgXOFFtXObFQKqDM2Qytk8/s800/%25D0%25BD%25D0%25BE%25D1%2581%25D0%25BA%25D0%25B8.jpg" height="60" width="120" /></a>

Текстовое название страницы мы заменили на картинку.

 5. Сохраняем гаджет, смотрим)

---------------------------------------------------

 Если непонятно, пишите) Буду дополнять пояснениями.

Добавила продолжение - Как сделать меню с помощью ярлыков.