Berbeda tentu hal yang di sukai oleh beberapa orang ya
mungkin sobat termasuk orang tersebut, seperti artikel yang satu ini yaitu
membuat tampilan komentar admin atau author blog berbeda dari pengunjungnya,
berkomentar tentu merupakan aktivitas blogging yang sudah biasa di lakukan di
mana ada pengunjung yang berkomentar pasti setidaknya akan memerlukan tanggapan
dari pemilik blog, nah untuk membuat komentar pemilik blog tersebut mudah di ketahui
pengunjung maka harus ada sedikit tampilan yang agak berbeda dari biasanya
tidak sama seperti komentar para pengunjung dan untuk itu saya akan berbagi
tips dan trik blog sesuai dengan topik di atas yaitu membuat tampilan komentar
admin blog berbeda dari pengunjung. oke langsung saja
ya kita bahas cara penerapannya jika sobat tertarik silahka ikuti
langkah-langkah di bawah ini
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.