Highlight author's comment - Szerző kommentjének kiemelése

Sok helyen látható, hogy a blogszerző kommentje stílusban elkülönül a többi kommenttől. Ilyet könnyen csinálhatunk a Blogger blogokban is.







Irányítópult -> Tervezés -> HTML-kód szerkesztése -> Vezérlősablonok kibontása

Ctrl+f
A keresőablakba írjuk be: /b:skin
Ilyet találunk:

]]></b:skin>

ELÉ szúrjuk be ezt a kódot:

.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px; /* Position*/
}

A pirossal jelölt színkódok helyére bármit írhatunk, a háttér és a betűszín számára.
Most a keresőablakba írjuk be: comment-body
Ilyet találunk:

<dd class='comment-body'>

ELÉ tegyük be ezt a kódot:

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

Nem sokkal lejjebb keressük meg ezt a sort:

<dd class='comment-footer'>

ELÉ írjuk be:

</b:if>

Mentés.
DEMO itt látható.
Ha tetszett és segített neked ez a poszt, kérlek lájkold ezt az oldalunkat is:
LÁJKOLOM
Köszönöm. Wise Lady