Senin, 07 Maret 2011

Membuat Tampilan Koment Admin Berbeda

Teman blogger pasti sudah pernah lihat di blog saya ini di barisan komentar ada warna yang berbeda yaitu warna hitam. Cara ini sangat bermanfaat agar teman blogger yang lain bisa mengetahui bahwa admin blog sudah membalas pertanyaan atau sekedar ikut berkomentar. Jika teman blogger tertarik dan ingin menggunakan cara ini silahkan ikuti langkah-langah pembuatannya berikut ini :

1. Login ke blogger -> Tata Letak -> Edit HTML

2. Jangan lupa centang kotak "expand widget template"

3. Lalu cari kode: ]]></b:skin> dan pastekan kode berikut di atasnya...

.comment-body-author {
background: #0000ff;
border:1px dotted #FF6600;
margin:0;
padding:0 0 0 20px;
}


ket : background: #0000ff; -> warna background adalah merah jika ingin menggantinya silahkan saja

4. Selanjutnya carilah kode: <data:commentPostedByMsg/>

5. Nah kalau dah ketemu, perhatikan kode berikut :

<data:commentPostedByMsg/>
</dt>
Paste code 1 disini
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
paste code 2 disini


kalau sudah copy code 1 dan 2 berikut kemudian pastekan sesua perintah diatas

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


code 2 :
</b:if>


sehingga jadi seperti ini :
<data:commentPostedByMsg/>
</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' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<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>


6. Silahkan coba koment diblog kamu dan lihat hasilnya

SELAMAT MENCOBA

***************************

Komentar Lewat Facebook

Ingin Artikel wiro-com di kirim ke Email Anda. Masukkan Email Anda Disini:

Delivered by wiro-com

0 komentar:

Posting Komentar

KOMENTAR ANDA SANGAT PENTING UNTUK MEMBANGUN BLOG INI MENJADI LEBIH BAIK LAGI, TERIMA KASIH UNTUK TIDAK SPAMMING!