Thursday, October 22, 2009

Cara Membuat Komentar Author Berbeda

Jika ada yang berminat membuat kolom komentar bagi Author (yang punya Blog) tidak sama dengan komentar pengunjung, disini caranya sederhana dan mudah. Caranya ...
1. Login ke Blog dan klik menu Layout, Edit HTML, klik pada kotak Expand Widget Templates
2. Copy kode di bawah ini, pastekan di atas kode ]]></b:skin>

.comment-body-author {
background: #e0efff;
border-top: 1px dotted #b1b7be;
border-bottom: 1px dotted #b1b7be;
border-left: 1px dotted #b1b7be;
border-right: 1px dotted #b1b7be;
margin:0;
padding:0 0 0 10px;
}
( kode background warna bisa di ganti ).
Kemudian cari kode seperti di bawah ini :

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

Kode Warna Merah itu yang sobat masukkan, klik save, selesai.
Contohnya ada pada kolom komentar di blog ini.
Silahkan di coba biar tambah pintar edit html ... css ...

Anda Sudah Baca Yang Ini? :

5 komentar:

Klik Here To Show All Comment


khusnul Thursday, October 22, 2009 10:10:00 PM  

Komentar pertama karena mau kasih contoh warna yang berbeda dengan sahabat yang berkomentar.
Jangan lupa jika belum benar meletakkan kode di pratinju dulu.
Biasanya meletakkan kode < / b:if > yang perlu kesabaran...
coba saja pasti bisa.

Aris Setiadi Friday, October 23, 2009 12:44:00 AM  

Mantap..,sehingga kita bisa menjalin silaturahmi

ARIF'S Friday, November 13, 2009 1:26:00 PM  

punyaku sulit banget ya emang templatku paling susah diedit. kode2 diatas ga ada jadi harus pusing nyari yang mirip. btw nice info

khusnul Wednesday, November 25, 2009 9:29:00 PM  

Mas Arif, kalau sabar pasti nemu dan bisa...

Post a Comment

newer page older page home
top