- Morricone.Песенка петушка

четверг, 16 июня 2011 г.

Методика создания Карты блога



А.Кудрявцев.Дерево-дом
Пользуясь советами блогеров (см. Как создать Карту блога в Blogspot ), я сотворила несколько вариантов Карты.


Первый: в этом блоге на статической странице, где отражены основные (но не все) рубрики блога.

Итак, порядок действий:
1. Прежде всего разбираемся с ярлыками, которые в дальнейшем будут играть роль рубрик.

2. Находим в шаблоне блога вот этот код:
]]></b:skin>

и перед ним вставляем следущее:

.itoc p {
margin-top: 0px;
}
.itoc h4 {
color:#500202;
margin-bottom: 0px;
clear:left;
font-size:120%;
}

.itoc li {
list-style-type: none;
clear:left;
}

.itoc .date {
font-family: terminus, monospace;
}

.itoc a {
clear:left;
}

.itoc .desc {
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid red;
text-align:justify;
margin-bottom:20px;
}
.endofdesc {
border-bottom: 1px dashed #333;
}
.itoc .endofdesc {
clear:left;
}

.itoc img {
float: left;
padding-left: 41px;
padding-right: 5px;
width: 100px;
height:100px;
}

.itoc .progressbartable {
margin-left: auto;
margin-right: auto;
}

.itoc .progressbartable td {
width: 10px;
height: 5px;
}

.itoc .progressbartable .ready {
background-color: #cdf;
}

.itoc .progressbartable .notready {
background-color: #ccc;
}

.itoc .progressbartable .progressbartext {
color: #cdf;
font-family: terminus, monospace;
font-size: small;
text-align: center;
}

3. Предполагается, что статическая страница уже есть, если нет - создаём её

4. На вкладке Отправка выбираем Изменить HTML, затем Настройки сообщения, на них - как показано на картинке:
Запретить, скрыть; Пропускать символы новой строки; Интерпретировать

5. В окно редактора вставляем код, над которым стОит потрудиться - то есть очень тщательно и правильно расставить пунктуацию. Можно скопировать всё моё и аккуратно заменить на свои рубрики. Да, ещё не забыть указать свой Url (тоже со всеми нужными знаками)

<script>
<script type="text/javascript">
/* Настройки скрипта */
var itoc_siteUrl = "http://vera-veritas.blogspot.com/"
var itoc_categories = [
['Блогеры' , 'Блогеры' , ''],
['ведение блога' , 'Ведение блога' , ''],
['впечатления' , 'Впечатления' , ''],
['времена года' , 'Времена года' , ''],
['говорим по-русски' , 'Говорим по-русски' , ''],
['журналисты' , 'Журналисты' , ''],
['интересное' , 'Интересное' , ''],
['первые леди' , 'Первые леди' , ''],
['немного о спорте' , 'Немного о спорте' , ''],
['художники' , 'Художники' , '']
];
var itoc_showDate = false;
var itoc_showDesc = false;
var itoc_showImg = false;
var itoc_showImgOnlyWithDesc = false;
var itoc_sortBy = 'published';
var itoc_sortOrderAscending = false;
var itoc_minContentLength = 0; //
var itoc_maxDescLength = 0; //
var itoc_minDescLength = 0; // </script>
<script src="http://izhurnalscripts.googlecode.com/svn/trunk/itoc.js" type="text/javascript"> </script> <noscript> </noscript>

Кажется, всё. Нет, не всё.

6. Если бы я захотела дать в Карте описания каждого поста, я бы целиком воспользовалась авторским скриптом , то есть вторая половина скрипта после перечисления рубрик выглядела бы вот так:

var itoc_showDate = true;
var itoc_showDesc = true;
var itoc_showImg = true;
var itoc_showImgOnlyWithDesc = true;
var itoc_sortBy = 'published';
var itoc_sortOrderAscending = true;
var itoc_minContentLength = 700; // Минимальная длина поста, при которой включается автоматическое описание.
var itoc_maxDescLength = 300; // Максимальная длина автоматически формируемого описания.
var itoc_minDescLength = 30; // Если автоматическое описание получилось короче этого значения, не выводить это описание.

7. Публикуем... Страница загружается с небольшой задержкой (у меня, по крайней мере).

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

9. Придумываем название страницы. Публикуем. Страница готова. По этому образцу создаём следующие (столько, сколько позволяет Blogger).

Это один, вернее, два (без описания или с описанием постов) варианта создания Карты блога (повторяю!) на статических страницах.

В следующий раз напишу, как соорудить Карту в сайдбаре.

C пожеланием всего наилучшего - до встречи!

Никнейм vera-veritas зарегистрирован!

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

  1. У меня может глупый вопрос: а зачем она вообще нужна эта карта блога? Так не хочется с ней возиться, но я смотрю она почти у всех есть

    ОтветитьУдалить
  2. Ничуть не глупый;-)) Вообще Карта - полезная и наглядная штука (для посетителя). Но не в этом варианте, как в этом блоге, а, как, например, в моём эксперим.блоге Тест . Я позже здесь тоже сделаю так же и опишу процесс.
    Вы правы: возни много, но мне самой хотелось разобраться в этой премудрости. И,кажется, это произошло. А вообще запросто можно обходиться ярлыками (в виде рубрик)и не заморачиваться, если нет желания...

    ОтветитьУдалить
  3. Чтобы как-то различать карты блога на статической странице и в сайдбаре, я в первом случае добавила к названию слово "Перечень". Да это и соответствует реальности.

    ОтветитьУдалить