Loading

Senin, 14 Maret 2011

Cara membuat warna kotak komentar admin berbeda


Halo sobat blogger kali ini saya akan memberikan tutorial cara membuat warna kotak komentar admin berbeda
Tujuannya adalah agar pengunjung blog anda tidak kebingungan kepada admin karena sudah tertampil bahwa kotak komentar admin berbeda dari pada pengunjung

1. Masuk menu "Rancangan --> Edit HTML"
2. centanglah pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]></b:skin> 


.comment-body-author {
background: #E6E6E6;  
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;
}

Keterangan : kode yang berwarna merah gantilah dengan kode html warna



4. Kemudian cari kode2 seperti berikut.

<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><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>


5. Kode yang berwarna merah adalah kode yang harus kamu tambahkan . Ingat hati-hati ya ( Jika salah backup dahulu template anda )
6. Save Template

0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites