Как выделить комментарии автора
Специально для читателей Вы можете выделить комментарии автора блога, сделать их более заметными и яркими.
Это позволит Читателям легче ориентироваться, особенно если запись очень популярна и активно комментируется.
Чтобы подобное выделение работало и вашем блоге необходими из Панели инструментов перейти в "Макет" блога, выбрать вкладку "Изменить 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>
Недостоющую Часть кода, выделенного красным Вам нужно будет вставить, после чего сохранить шаблон.
Комментариев нет:
Отправить комментарий