Щом вече сте се сдобили със собствен блог, обърнали ли сте внимание на това, как изглеждат вашите собствени коментари в него? Най-вероятно, те имат стила на останалите коментари, т.е. не се различават от тях. Вие обаче, можете да го промените, в името на това да улесните посетителите си, които може да искат да открият именно вашите мнения/отговори. А "по-лесно за посетителите" е един от факторите да ги задържите в сайта си, нали!
Принципно, всеки притежател на блог би искал публикуваните от него материали да бъдат много коментирани. Освен със самото съдържание, някои стимулират посетителите си към оставянето на коментар и с други средства, сред които са премахването на "nofollow" атрибута за връзките, оставяни от коментиращите, добавянето в блога на притурка "Последни коментари" и др. Най-голям ефект имат обаче, коментарите-отговори, които самият автор на темата прави като реакция към коментарите на посетителите си. Нерядко, по различни причини, четящите дадена статия и коментарите към нея, целенасочено търсят тъкмо тези коментари-отговори (на автора). Затова, може да обмислите да направите своите коментари (като автори) по-лесно забележими сред другите.
Промяна на стила на авторските коментари в Blogger
Ако вашият сайт е базиран на Blogger, следва да модифицирате кода на шаблона на сайта от Оформление -> Редактиране на HTML кода, съгласно указанията по-долу. Ако не се чувствате достатъчно сигурни, за да правите промени в кода, по-добре недейте или най-малкото, направете архив на шаблона, преди да започнете редакцията му (от връзката "Изтегляне на целия шаблон").
Добавяне на функцията, намираща авторските коментари и прилагаща определения за тях стил
1. Поставете отметка на "Шаблоните на приставките да се разгъват"
2. Натиснете Ctrl+F и открийте мястото в шаблона на "comments-block"
3. Добавете оцветените в оранжево части от код, както е показано в примера:
<dl id='comments-block'>След като направите това, ви остава само да укажете и стила, с който да се показват вашите коментари.
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-avtor-komentar'>
<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>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
4. Открийте с Ctrl+F по-долу в шаблона клас ".comment-body".
5. Добавете след знака "}" за целия .comment-body модул, следния код за клас:
.blog-avtor-komentar p {
margin: 0 0 .75em;
padding: 5px 10px;
font-size: 120%;
font-family: courier;
background: url("adres na kartinka");
}
6. Променете стойностите на оцветените в зелено параметри, така че да са еднакви с тези на клас ".comment-body" на вашия шаблон (може с Copy и Paste на съответните редове).
7. Укажете желания от вас размер (font-size) и име (font-family) на шрифта и картинка за фон (background) като промените оцветените в оранжево стойности. Ако не желаете да задавате някой от тези параметри, просто изтрийте целия ред.
8. Запазете направените промени - бутон "Запазване на шаблона".
Това е всичко. Можете да си поиграете и да променяте кода от т. 5, съгласно стъпки 6 и 7 дотогава, докато постигнете удовлетворяващия ви изглед на вашите собствени коментари. Но вярвам, че освен вас, доволни от него ще бъдат и вашите посетители.
Ако информацията ви е била полезна, подкрепете ме!
Вижте още отговори на въпроси и трикове!
0 коментара:
Публикуване на коментар
Моля, имайте предвид, че коментарът ви ще бъде одобрен само ако пишете на кирилица. Можете да използвате някои HTML оператори, например <b>, <i>, <a>.
Благодаря ви!