Membuat Kotak Komentar Berbeda (Hightlight Author)
Hightlight Author adalah Membuat Komentar pemilik Blog ( Author ) Berbeda dengan Komentar orang lain.Dengan Perbedaan dan Ada Efek Lain nya.
Ok Langsung saya pada topik pembahasan ,, tidak terlalu banyak fafifu ...hehe :D
1. Edit HTML
2. Beri Tanda Centak pada kotal HTML tersebut " Expand Widged Templates "
3. Lalu Copy Paste Kode di bawah ini dan tahu kode tersebut Sebelum Kode " ]]><b:skin> "
Tekan tombol Ctrl + F untuk Mempercepat pencarian Kode " ]]><b:skin> "
perlu di ingat..Harus dalam posisi benar.
6.Tinggal save kode Html anda dan Lihat hasilnya.
Ok Langsung saya pada topik pembahasan ,, tidak terlalu banyak fafifu ...hehe :D
1. Edit HTML
2. Beri Tanda Centak pada kotal HTML tersebut " Expand Widged Templates "
3. Lalu Copy Paste Kode di bawah ini dan tahu kode tersebut Sebelum Kode " ]]><b:skin> "
Tekan tombol Ctrl + F untuk Mempercepat pencarian Kode " ]]><b:skin> "
.comment-body-author {
background: #E6E6E6; /* Warna Background */
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;
}
4. Cari kode di bawah ini.tapi kemungkinan kode-kode di bawah ini beda dengan kode html anda.tapi usahakan mirip dengan kode di bawah ini.background: #E6E6E6; /* Warna Background */
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;
}
<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 perlu kamu tambahkan dalam kode html kamu.<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>
perlu di ingat..Harus dalam posisi benar.
6.Tinggal save kode Html anda dan Lihat hasilnya.
::: Selamat Mencoba :::
0 comments:
Post a Comment