Background warna berbeza untuk Author

Tweet

Tutorial ini untuk diri sendiri. Sebenarnya saya mendapat tip Bezakan Kaler Komen Author Dengan Pelawat ini dari blog Ien lama dulu, tetapi tak pernah simpan codingnya. Setiap kali saya menukar template, saya perlu mencari semula di blognya. Nasiblah blog Ien masih dibuka untuk umum, buatnya di tutup atau hanya untuk 'jemputan' sahaja...susah juga saya.

1. Layout->Template->Edit HTML(Tick Expand Widget Templates)

2. Cari kod di bawah

.comment-body {
margin:0;
padding:0 0 0 20px;
}
.comment-body p {
font-size:100%;
margin:0 0 .2em 0;
}

tambah di bawahnya kod ini :

.comment-body-author {
margin:0;
padding:0 0 0 20px;
}
.comment-body-author p {
font-size:100%;
margin:0 0 .2em 0;
color:#000000;
background:#3399CC;
text-decoration:bold;
}

3. Selepas itu cari id='comments-block', dah tambah kod berwarna merah.

<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> said... </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></p> </b:if> </dd>

</b:if>

<dd class='comment-footer'>

4. Save Template

Kod biru adalah kod asal dan kod merah adalah kod yang ditambah.

Hasilnya adalah seperti ini :



kredit : Ien