Cara Membuat Komentar Admin Berbeda dengan Pengunjung

Cara Membuat Komentar Admin Berbeda dengan Pengunjung - Komentar di dalam sebuah blog sepertinya sudah merupakan sebuah bagian dari 'harmoni' yang tak bisa terpisahkan, karena setiap orang yang berkunjung dan membaca-baca artikel, tentunya mereka ingin menumpahkan ide-ide, inovasi, bahkan kritikan-kritian atau feedback yang ada di dalam benak mereka. Dengan adanya fasilitas komentar, kini pengunjung lebih mudah untuk mengemukakan pertanyaan, pendapat, dan juga mendapatkan solusi atau jawaban yang ia butuhkan, seperti halnya dengan author blog yang bisa lebih dekat dan akrab kepada para pengunjungnya melalui fitur komentar ini.

Cara Membuat Komentar Admin Berbeda dengan Pengunjung










Sebelumnya saya juga telah membahas tentang cara membuat threaded comment, untuk memodifikasi tampilan komentar blog agar ber-display berjejer vertikal ke bawah layaknya cabang pohon, yang mungkin dapat meningkatkan fitur-fitur dari fasilitas komentar di blog kita, agar minat pengunjung untuk berkomentar semakin tinggi. 

Kembali ke lap...top..., selain tips diatas saya juga menyarankan agar rekan-rekan webmaster/blogger membalas setiap komentar pengunjung di blog anda (terkecuali komentar SPAM), karena setelah saya amati pada blog-blog yang pemiliknya sering membalas komentar pengunjung,  mereka akan lebih mendapatkan respect dan pengunjung blog yang setia dikarenakan mereka selalu bersahabat dan friendly menjawab setiap pertanyaan-pertanyaan pengunjung yang perlu dijawab.

Pada kesempatan kali ini saya akan membahas tutorial mengenai cara membuat komentar admin berbeda dengan pengunjung, dengan artian background dan border kotak komentar author blog tampilanya nanti akan berbeda dengan pengunjung biasa, warna border dan backgroundnya juga bisa diubah-ubah kok, sesuai dengan kreativitas dan minat kita. Tampilan ini dibuat bertujuan untuk memudahkan para pembaca membedakan antara komentar pemilik dan pembaca blog, serta juga dapat memperindah dan menambah interesting pengunjung blog untuk berkomentar.

1. Login ke Blogger.

2. Pilih Template.

3. Pilih Edit HTML. 

4. Centang box 'Expand Template Widget'.

5. Cari kode ]]></b:skin> menggunakan CTRL+F, lalu letakkan kode dibawah ini tepat diatasnya.

.comment-body-author {
background: #F0F8FF;
border:1px dotted #000000;
margin:0;
padding:0 0 0 20px;
}

 Keterangan:
  • #F0F8FF = kode HTML warna yang ingin dijadikan background komentar author.
  • 1px = ketebalan border atau garis tepi komentar author,
  • #000000 = kode HTML warna yang ingin dijadikan warna untuk border komentar author.                                                                                     
6. Kemudian, cari kode yang berwarna  hitam yang mirip seperti kode di bawah, lalu sisipkan/letakkan kode yang berwarna merah sampai susunanya seperti di bawah ini.

<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<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>
<data:commentPostedByMsg/>
</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' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<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'>

Catatan: pastikan anda download/backup dulu template anda, untuk mengantisipasi kesalahan dalam meng-edit HTML.

7. Terakhir, klik 'save', dan selesai.

Bagaimana? mudah bukan cara membedakan antara komentar admin dan komentar pengunjung. Demikian tutorial blog tentang Cara Membuat Komentar Admin Berbeda dengan Pengunjung, semoga bermanfaat, dan selamat mencoba. Happy Nice Blogging...

Postingan terkait: