Iklan

Iklan
Advertorial
News Update :

Meletakkan warna background berbeza pada komen

Jumat, 07 Mei 2010

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 berbeza bagi 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 diatas 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 
Share this Article on :

0 komentar:

Posting Komentar

Terimakasih telah berkomentar di website kami

 

© Copyright Berita Lamongan Terkini 2010 -2011 | Design by Kabarlamongan.com | Published by Nirwana Digital Print | Powered by Blogger.com.