1. masuk
ke akun blogger sobat pilih tab design → edit HTML
2. jangan
lupa centang atau ceklis expand template
widget
3. carilah
kode ]]></b:skin> untuk
mempermudah pencarian tekan tombol CTRL+F
lalu masukan ]]></b:skin>
ke kotak pencarian.
4. setelah
itu masukan kode script di bawah ini tepat di atas kode ]]></b:skin>
tadi
.comment-body-author {
background: #E6E6E6; /* Background Colour */
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;
}
5. di lanjutkan dengan mencari script kode html berikut, dengan
Catatan : tidak semua script kode di bawah ini sama persis pada setiap blog,
<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. untuk kode yang berwarna biru di atas adalah kode yang harus sobat tambahkan di
template sobat.
6. terakhir tinggal sobat simpan.
Untuk melihat hasilnya silahkan sobat membuat kometar sobat sendiri tentunya dengan masuk ke akun blog sobat sendiri. Sekian tips dan trik blog kali ini semoga bermanfaat dan saya ucapkan terimakasih atas kunjungannya.
