понедельник, 15 октября 2012 г.

Карта блога

Вы уже, в отличии от меня, написали кучу статей в своем блоге. Вам самим уже трудно ориентироваться в нем. Что бы что то посмотреть нужно прокручивать страницы. А посетитель тем более не знает что у Вас есть. Одним словом нужно сделать оглавление, как в книге.
В интернете это называется карта блога.
Можно, не мудрствуя лукаво, решить проблему прямо в лоб:
1. Создать новую страницу, озаглавив ее карта блога, просто карта, оглавление, содержание ... . Все, моя фантазия кончилась.
2. На ней вручную написать все заголовки статей, сделав из каждого ссылку на соответствующую статью. Получиться примерно так:

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

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


<link href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" media="screen" rel="stylesheet" type="text/css"></link> <script src="http://blogtoc-cometa.googlecode.com/files/blogtoc_wa.js"></script>
<script src="http://problogger2012.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>


Если сейчас откроете на своем блоге карту, то увидите созданное автоматически:

Обратите внимание, код (скрипт) превратил Ваши ярлыки* к статьям в рубрики**. Мне это не нравится.
Поэтому, если Вам понравилось делать на автомате, в настройках сообщения в ярлыках устанавливайте один ярлык, понимая под ним рубрику.
Проделав сказанное на этом блоге, получил карту следующего вида:
Здесь попонятней. Только почему то не в историческом порядке, а по алфавиту. Но все равно ориентироваться легче. Подстроиться под скрипт можно, начав заголовок с цифры. например: 01. Блог на Blogspot, 02. Дизайн блога, и т д. До 100 статей будет все ОК.

*арлык  - указатель на какое то место (ярлыки на рабочем столе компьютера указывают на файл, который нужно запустить). Место может иметь несколько ярлыков.

**рубрика  - подборка похожих статей (мест). Рубрика одна, мест в ней сколько угодно.

Ну, а если повыеживаться с графикой, то карта оживает. Как бы превращается в главную страницу в миниатюре:

Как это сделать Вы уже догадались сами. На всякий случай:
1. Заводите новую страницу или удалите с существующей карты все (Ctrl+A - выделить все и  кл. Delete).
2. Печатаем название рубрики.
3. Вставляете картинку статьи, перетаскиваете ее влево, в меню картинки выбираете малый размер.
4. Переходите в режим HTML и в коде исправляете высоту и ширину рисунка:
Я поставил 90 и100 соответственно.
5. Вертаемся в режим создать, вводим заголовок статьи справа от картинки и делаем из него ссылку на статью, ниже краткое описание. Жмем на Enter  пока курсор не окажется под картинкой:
Продолжаем с пункта 2 или 3.
Как смотрится в натуре можете посмотреть карту этого блога.
Мне нравится. Недостаток ручная работа. Но шедевры автоматы не создают. Не оставляйте на потом: написали статью сразу опубликовали ее в карту блога.
Недостаток этого метода - грязный HTML код. В нем накопятся все Ваши ошибки.
Если владеете HTML, то лучше это сделать с помощью таблицы или тегов <div>. Об этом здесь.
До встречи.

4 комментария:

  1. Владимир! Я набрела на что-то путное!!! Мне понравилась Ваша карта, обязуюсь сделать себе такую! СПАСИБИЩЕ!!! И вообще у Вас много интересного!

    ОтветитьУдалить
    Ответы
    1. Ирина, советую делать с помощью таблицы. На этом блоге сделано тегами div. Иногда проблемы: что то влепендит в код конструктор, трудней найти. Следующая статья в блоге про это.
      Ссылка по Вам приводит на стр 404, а Вам подарок. Свяжитесь через контакт.

      Удалить
    2. у меня не выходит главная страница,да и вообще какая-то каша...как настроить вернее исправить ???




      Удалить
    3. Светлана, вверху справа лежит книга с видеоуроками по созданию такого блога. Там все по полочкам.

      Удалить

От Вас деловой комментарий - Вам подарок!