Merubah Tampilan Komentar Penulis Menjadi Berbeda dari Komentar Pengunjung

Hanya Ingin Berbagi - Merubah tampilan komentar penulis menjadi berbeda dengan komentar pengunjung adalah langkah yang sangat penting, karena hal ini akan membuat komentar penulis kelihatan lebih menonjol daripada komentar pengunjung, diharapkan dengan adanya perubahan ini, akan mendorong pengunjung lebih aktif untuk mengambil bagian dalam diskusi dan berkomunikasi dengan penulis.  Dengan demikian blog yang kita bangun akan kelihatan lebih interaktif.

Bagaimana merubah tampilan komentar penulis menjadi berbeda dengan komentar pengunjung, berikut ini langkah-langkah yang harus dilakukan.

• Login ke blogger dengan ID anda klik menu Template >> Edit HTML jangan lupa beri tanda ✔ check (centang) pada kotak Expand Widget Templates.

• Cari kode ]]></b:skin> lalu tambahkan kode yang ada di bawah ini tepat di atas kode tersebut.

.mp-comment-body { background: #f1f1f1; color: #151d89; border: 1px dotted #151d89; margin:0; padding:0 0 0 10px; width:520px; }

• Anda dapat mengganti kode warna background, sesuaikan dengan tampilan blog anda 

• Kemudian cari lagi kede <dd class='comment-body'> bentuk kodenya seperti di bawah ini

&lt;data:commentPostedByMsg/&gt; &lt;/dt&gt;   &lt;dd class='comment-body'&gt; &lt;b:if cond='data:comment.isDeleted'&gt; &lt;span class='deleted-comment'&gt;&lt;data:comment.body/&gt;&lt;/span&gt; &lt;b:else/&gt; &lt;p&gt;&lt;data:comment.body/&gt;&lt;/p&gt; &lt;/b:if&gt; &lt;/dd&gt;

• Selanjutnya sisipkan kode dibawah ini, perhatikan kode </b:if>, tempatkan sebagai penutup kode, lihat pada point berikutnya.

&lt;b:if cond='data:comment.author == data:post.author'&gt; &lt;dd class='mp-comment-body'&gt; &lt;p&gt;&lt;data:comment.body/&gt;&lt;/p&gt; &lt;/dd&gt; &lt;b:else/&gt; &lt;/b:if&gt;

• Sehingga keseluruhan kode setelah di update akan menjadi seperti di bawah ini, perhatikan kode yang ditulis dengan warna biru adalah kode yang disisipkan 
&lt;data:commentPostedByMsg/&gt; &lt;/dt&gt; &lt;b:if cond='data:comment.author == data:post.author'&gt; &lt;dd class='mp-comment-body'&gt; &lt;p&gt;&lt;data:comment.body/&gt;&lt;/p&gt; &lt;/dd&gt; &lt;b:else/&gt; &lt;dd class='comment-body'&gt; &lt;b:if cond='data:comment.isDeleted'&gt; &lt;span class='deleted-comment'&gt;&lt;data:comment.body/&gt;&lt;/span&gt; &lt;b:else/&gt; &lt;p&gt;&lt;data:comment.body/&gt;&lt;/p&gt; &lt;/b:if&gt; &lt;/dd&gt; &lt;/b:if&gt;

• Simpan template anda dengan menekan tombol Save Template

• Sekaran periksa tampilan komentar pada blog anda