Pengikut

Ahad, 26 Jun 2011

MELETAKKAN WARNA BACKGROUND BERBEZA PADA KOMEN

Meletakkan warna background berbeza pada komen

Selalunya komen antara pemilik blog dan pengunjung mempunyai paparan yang sama. Oleh itu agak sukar untuk melihat yang mana satu komen oleh pengunjung dan komen oleh admin sesuatu blog.Disebabkan  itu biasanya pemilik blog meletakkan paparan warna background yang berbezabagi jawapan untuk pengunjung. Oleh sekiranya anda   ingin meletakkan paparan kotak komen berbeza dan belum tahu caranya, ikutilah langkah dibawah ini.

Pada blog anda pilih Layout
Klik edit html.
Klik pada Expand template widget.
Cari kod yang seakan di bawah ini, kemudian tambahkan kod yang berwarna merah. 


/* Comments ----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em; text-transform:uppercase;
letter-spacing:.2em;
color: #999999;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
.admin-comments{
background:#00CC33;(tukarkan kod warna background disini jika ingin mengubah warna)
border:3px solid #FF9966;
padding:5px; 

}kod  berwarna merah ini adalah yang perlu anda tambahkan.Boleh juga diletakkan diatas kod  ]]></b:skin>


Kemudian cari kod dibawah ini  dan tambahkan juga kod yang berwarna merah.

<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='admin-comments'>
<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'>



 Nota:Kod yang berwarna merah perlu anda tambah
 Kemudian klik preview,jika tiada masaalah ,jangan lupa klik butang save 
Stumble
Delicious
Technorati
Twitter
Digg
Facebook
Yahoo
Feed

Tiada ulasan:

Catat Ulasan


Shoutbox







ShoutMix chat widget