Как выделить комментарии автора

пятница, 13 февраля 2009 г.

комментарии автораДумаю Вы частенько отвечаете на комментарии своих читателей, а читатели, в свою очередь, следят за вашими ответами. Специально для читателей Вы можете выделить комментарии автора блога, сделать их более заметными и яркими.
Это позволит Читателям легче ориентироваться, особенно если запись очень популярна и активно комментируется.
Посмотреть принцип работы можно в комментариях к этому соощению (видите: коммент выделен рамкой и другим цветом шрифта).




Чтобы подобное выделение работало и вашем блоге необходими из Панели инструментов перейти в "Макет" блога, выбрать вкладку "Изменить HTML". Не забудьте ставить галочку "Расширить шаблоны виджета" и с помощью поиска (Ctrl+F) найдиде следующий код:
</head>
и непосредственно ПЕРЕД ним вставьте:
<!--Blog-Owners-Comment-STARTS-->
<style>
.comment-body-author {
background: #F5EDE3; /* Цвет фона*/
color: #000000; /* Цвет текста*/
border-top:2px solid #002F66;border-bottom:1.2px dotted #002F66 ;border-left:1.2px dotted #002F66;border-right:2px solid #002F66;
line-height: 2.4em;
margin:0;
padding:0 0 0 20px; /* Расположение*/
}
</style>
<!--Blog-Owners-Comments-STOPS-->
Красным выделены комментарии к синим фрагментам кода, которые Вы можете изменить на свой вкус ;)
Рамка, которая будет выделять авторский комментарий имеет два параметра: Толщину (в выше описанном коде задана параметром 1.2 px, который также можно изменить) и Вид линии границы (в приведенном примере задается параметром solid - можно изменить на dotted (пунктир) и задать нужный цвет заменив #002F66).
Поля (Margin), и отступы (padding) определяют позицию комментариев в поле комментариев.


Теперь найдите следующий код по первой строке:

<data:commentPostedByMsg/>
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

Недостоющую Часть кода, выделенного красным Вам нужно будет вставить, после чего сохранить шаблон.
Жду комментариев и вопросов, если таковые возникнут (=

Ярлыки: ,

8 коммент.:

pastormouse комментирует...

Полезная статья, у себя в новом шаблоне так сделаю пожалуй.

Michael de`Oz комментирует...

А не знаешь как вставить аватары комментаторов?

pastormouse комментирует...

Никак.

Dirong комментирует...

Отлично! Обязательно попробую у себя сделать так, спасибо :о)

zabavniy комментирует...

да, у меня тоже не получаетса =(

Eudyptula комментирует...

Всё получилось, спасибо! Правда, я не захотела иметь рамки и отступы для своих комментариев, поэтому элементарно удалила часть тэга:
border-top:2px solid #002F66;border-bottom:1.2px dotted #002F66 ;border-left:1.2px dotted #002F66;border-right:2px solid #002F66;
line-height: 2.4em;
margin:0;
padding:0 0 0 20px; /* Расположение*/


Может, кому-то пригодится информация! :)

Николай комментирует...

У меня с первого раза не получилось.
Завтра буду разбираться

mes113 комментирует...

Спасибо полезный материал. Жаль что вы больше не обновляетесь. Если интересно почитайте мой блог
http://alekseiodegov.blogspot.com/

Отправить комментарий