Ссылка в статье на определённое слово в другой странице блога



Для удобной навигации по блогу принято давать ссылки на связанные по теме статьи в блоге.
Кроме того, это можно делать, например, давая ссылку в статье на определённое место (слово или строчку) в другой странице блога.

Практический пример.

Я написала статью “Вставка кода в статью блога”. Адрес этой статьи exp13blog.blogspot.com/2013/06/vstavka-koda.html
Также у меня в блоге есть отдельная страница “Термины”, в которой я собираю краткие определения понятий, часто встречающихся в интернете. Её адрес exp13blog.blogspot.com/p/raznoje.html
Чтобы не загромождать статью пояснениями, что такое “код”, я просто даю ссылку на  страницу “Термины”, в которой находится его определение.

А чтобы после перехода по ссылке страница “Термины” открылась именно в том месте, где говорится о “коде”, нужно поставить в начале слова “код” (в HTML-редакторе) метку вида:
<a name=”kod”></a>
kod - это сама метка (слово или любая комбинация английских букв и цифр).

Метка возле слова
Метка возле слова "код" на странице "Термины" (HTML-редактор).
Эта метка будет видна только в HTML-редакторе (в визуальном редакторе её не будет видно).
После этого, давая ссылку в статье “Вставка кода в статью блога” на страницу “Термины”, в конце ссылки я дописываю с меткой:  #kod 
И ссылка будет выглядеть так: 
<a href="http://exp13blog.blogspot.com/p/raznoje.html#kod" target="_blank" title="определение термина">кода</a>
http://exp13blog.blogspot.com/p/raznoje.html - адрес страницы "Термины"
#kod - хэштег с меткой слова “код” на странице “Термины”
кода - выделенное слово (фраза) в статье “Вставка кода в статью блога” для перехода по ссылке на страницу “Термины”. 
target="_blank - открыть ссылку в новом окне (можно опустить)
title="определение термина" - всплывающая подсказка (можно опустить)

Ссылка на слово “кода” в статье “Вставка кода в статью блога” (HTML-редактор).
Ссылка на слово “кода” в статье “Вставка кода в статью блога” (HTML-редактор). 

Примечание:
HTML-редактор Блоггера автоматически преобразует нашу метку вида
<a name=”kod”></a>
на такую:
<a href="http://www.blogger.com/blogger.g?blogID=142146363254345685" name="kod"></a>
где выделенная часть - это ID вашего блога в Блоггере.
Так что метку можно сразу ставить и в таком виде (только ваш  ID будет другим!).

Преобразованная в редакторе Блоггера метка
Преобразованная в редакторе Блоггера первоначальная метка 



Поделиться в соц. сетях:


7 комментариев :

  1. Здравствуйте. Статья полезная,но я с первого прочтения не разобралась,как выделить в нужной статье именно ту разу,где должна открыться ссылка...

    ОтветитьУдалить
    Ответы
    1. Выделять ничего не нужно! Просто вам надо поставить ссылку на выбранное вами слово (или фразу). Просмотрите внимательно скриншоты (щёлкните, чтобы просмотреть при увеличении).

      Удалить
  2. ок,а как получить ссылку на выделенный текст?:)

    ОтветитьУдалить
    Ответы
    1. Ох... Ссылку получать не надо, просто HTML-редакторе Блоггера вручную сами прописываете ссылку.
      Как прописывать ссылки, которые надо вставлять, в статье выделены цитатой (на голубом фоне).
      Просто прочтите внимательно, в статье всё же подробно написано. :)
      Желаю успехов!

      Удалить
    2. Не пойму как в отдельную страницу блока помещать статьи?

      Удалить
  3. Как делать перманентные ссылки? Вроде текущей ../2013/08/ssylka-v-statje.html напоминаю что интерфейс в записях немного изменился, по этому радиобатона на "пользовательская ссылка" нет, и как ее правильно прописывать тоже не ясно тк. нет примера шаблона. [img]https://drive.google.com/open?id=1iVd7ApIsaygWI3Dz5VHc67ilQjMoHBn5[/img]

    ОтветитьУдалить
    Ответы
    1. Понятно бб код на ссылки с диска не работает... https://drive.google.com/file/d/1iVd7ApIsaygWI3Dz5VHc67ilQjMoHBn5/view?usp=sharing вот картинка.

      Удалить

В комментариях есть возможность вставлять картинку:
[img]URL на картинку[/img]
а также использовать смайлы и HTML-теги:
<b>жирный шрифт</b>
<i>курсив</i>
<a href="URL">текст ссылки</a>