Как создать оглавление страницы в блоге blogspot



Здравствуйте гости и читатели блога. Просматривая блоги, часто видела на отдельных страницах оглавление содержания статьи, своего рода меню страницы. Очень удобная функция, особенно если в статье много информации. Надо к примеру перечитать какой-то отдельный абзац, где-то читали в статье, а где не находите. Приходится начинать чтение сначала.

Ниже пример оглавления этой страницы сообщения. Но статья у меня не очень большая получилась, поэтому в оглавлении всего два пункта.



Сегодня расскажу как создать такое оглавление на странице в блоге blogspot. Не могу сказать, но на wordpress в блогах наверное тоже можно применить эту информацию, или там как всегда плагины существуют для таких функций.

Итак, Вы написали статью. Нам надо знать url адрес нашей статьи. Посмотрите справа адрес, данный системой автоматически или пользовательский постоянный адрес, который сами создали для своей статьи. Кто не знает почитайте статью Как получить пользовательскую постоянную ссылку.

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

<a href="http://www.bdblogov.ru/2014/09/Setting-blog-in-Yandex-and-Google-after-migration-on-personal-domain.html#Google">Настройка блога в инструментах для вебмастеров Google</a>

Выделенное коричневым-url адрес статьи; синим-метка; сиреневым-название абзаца; Создаете нужное количество ссылок, переходите в режим HTML и вставляете в то место, где Вы хотите видеть Оглавление статьи.


В режиме HTML создаем список оглавления

Создаем список оглавления с активными ссылками

Нажмите Создать и на странице увидите Оглавление как у меня выше. Или можно сделать проще: пишите список пунктов, затем каждый пункт выделяете мышью, нажимаете ссылка и вставляете url адрес, как обычно делаете активной ссылку на переходы других сайтов и на свои страницы. Только там не надо ставить отметку Открывать в новом окне.

Проставить метки перед каждым пунктом оглавления

Выше каждого пункта вставляем ссылку

<a href="http://www.blogger.com/blogger.g?blogID=1272105119130264085" name="Google"></a>

Проставить метки перед каждым пунктом оглавления


Выделенное синим-это ID вашего блога. Поднимите глаза и в адресной строке браузера увидите свой ID блога; сиреневым-метка;


Из всего выше сказанного надо всего лишь вставить ссылки

<a href="url адрес страницы сообщения#метка">название пункта на странице</a>

<a href="http://www.blogger.com/blogger.g?blogID=ID блога (цифры)" name="метка"></a>

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


TEXT.RU - 100.00%




Автор статьи ✎ Olga Protasova Выпуск ✹ 4/28/2015 Ярлыки ►


Открыть комментарии →

4 коммент. :

  1. Замечательно. Обратила внимание, что на wordpress многие это используют. Я пробовала так делать только с помощью ссылок на этой же странице. этот вариант интереснее.

    ОтветитьУдалить
    Ответы
    1. Вика, я тоже обращала внимание в блогах wordpress и давно хотела использовать такую функцию. Очень удобно для посетителей. Теперь и у нас есть такая возможность.

      Удалить
  2. Думаю многим будет полезна эта статья, особенно новичкам. Сейчас сложно найти хороший контент, но автор постарался спасибо. У уже не использую платформу blogspot, решил перейти на wordpress, все таки она более функциональна и в некоторых моментах более удобна при работе с контентом. Также выгодно выделяет wordpress, от других cms, платформ, большое количество крутых плагинов, что существенно упрощают и улучшают работу ресурса.

    ОтветитьУдалить
    Ответы
    1. Вадим Лебедев, спасибо. О платформе WordPress знаю и полностью с Вами согласна в её функциональности.

      Удалить

Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь в меню Генератором преобразования HTML кода.

 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *