вторник, 21 августа 2012 г.

НУМЕРАЦИЯ КОММЕНТАРИЕВ В БЛОГЕ

Сразу оговорюсь - это не МК, и даже не полноценное руководство. Это всего лишь перевод и крошечное творческое переосмысление инструкции, изложенной на английском языке в блоге HELP BLOGGER (автору которого я выражаю бесконечную благодарность).
Пытаясь присобачить к своему блогу нумерацию комментариев, я испробовала несколько вариантов, добытых в интернете, но они почему-то не заработали.  Поскольку и в пользовании компом, и особенно в блоговодстве, я махровый иждивенец, а не сознательный пользователь, то все мои опыты на эту тему были похожи, я думаю, на то как питекантроп мог бы конструировать космический корабль - детали есть, инструкцию написали, но собрать он не может, потому что он всё-таки питекантроп, а не Королёв... )))  
Именно по этой причине я не могу сказать, почему не работали те варианты или заработал этот. 
Если всё нижесказанное имеет хоть какую-то практическую ценность, буду рада и даже удивлена. )))
Итак.
Если вставить в блог в определенное место несколько строк некоего кода (на мой взгляд это шифровка Штирлица))), то комментарии будут нумероваться в облачках (как фразы персонажей в комиксах), начиная с номера 1. Если на какой-либо комментарий есть ответ (или несколько ответов), им рядом с цифрой будет присваиваться еще и буква, и таким образом общий порядок нумерации не нарушается.

Дальше нужно найти то самое место, куда вставляется код. Если новый интерфейс блога, ищем слева в меню "Шаблон", дальше ищем кнопку "Изменить HTML", нажимаем "Приступить", заходим, ставим галочку в окошке "Расширить шаблоны виджета". Если интерфейс старый, ищем вкладку "Дизайн", в ней сверху вкладку "Изменить HTML", ставим галочку в окошке "Расширить шаблоны виджета". Все встреченные мной инструкции в один голос рекомендовали перед опытами с кодом, сохранить резервную копию того, что уже есть.

Далее в инструкции было указано, что с помощью поиска Ctrl+F, нужно найти вот эту строку:

]]></b:skin>
И прямо НАД найденной строкой вставляем следующее:
.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
font-size: 22px;
color: #555555;
padding-left:10px; 
padding-top:3px; 
background: url(
http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/s1600/comment+bubble2.png) no-repeat;
margin-top:7px; 
margin-left:10px; 
width: 50px; /*image-width size*/
height: 48px; /*image-height size*/ 

}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 18px;
color: #666666;
}
Почему-то просмотреть, как выглядят внесенные изменения, у меня не вышло. Пришлось сохранить изменения и открыть блог в другом окне (вкладке). Искомые облачка с номерами были на месте.
Если оформление номеров в облачках не нравится и хочется только цифры, нужно удалить строки красного и синего цвета. 
Дальше, я попробовала менять значение px в строках  font-size: 22px;  и  font-size: 18px; и удалось уменьшить сами номера до подходящего размера.

Вот собственно и всё шаманство. Возможно, для сведущего человека в блоге-источнике этого сокровенного знания найдется еще какая-нибудь полезная информация. Лично для меня всё проделанное - уже предел мечтаний. )))


  

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

  1. Спасибо! надо попробовать :)

    ОтветитьУдалить
  2. Спасибо большущее!!! Очень пригодилось!

    ОтветитьУдалить
  3. Воспользовалась! Получилось! Спасибо!

    ОтветитьУдалить
  4. Огромное спасибо за подробное описание и именно простым языком, а не на языке Штирлица))

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

Спасибо Вам огромное, что заходите ко мне, читаете и оставляете комментарии. Очень ценю Ваше внимание!
Если Вы просто хотите подписать свой комментарий, Вы можете выбрать в списке строку «Название/URL». Спасибо!