Cara membuat tampilan komentar admin blog berbeda dari pengunjung

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.

Artikel Terkait Lainnya :

Categories: Tips dan trik Blog