Cara Membuat Kotak Komentar Admin Berbeda di Blog

Cara Membuat Kotak Komentar Admin Berbeda di Blog – Cara mengubah kotak komentar admin berbeda dari yang lain di blog atau cara memodifikasi kotak komentar admin berbeda dari visitor di blog.

Tutorial kali ini adalah tutorial seputar modifikasi blog di area kotak komentar, sebenarnya ada banyak modifikasi yang bisa kita lakukan di sini, misalnya: cara membuat reply comment di blog dan lain sebagainya. Kali ini saya akan menjelaskan cara bagaimana sobat bisa mengubah kotak komentar admin berbeda dari visitor di blog. saya sering menemukan komentar admin yang berbeda dari pengunjung nya. Hal ini membuat saya selalu bertanya-tanya bagaimana cara mereka membuat nya karena template blogspot punya saya tidak seperti itu.

Akhirnya saya googling dan menemukan banyak cara untuk membuat ini, berikut cara memodifikasi kotak komentar admin berbeda dari visitor di blog: 

 

Masuk Blogger >> Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
Cari kode ]]></b:skin> Pastekan kode berikut tepat di atas kode  ]]></b:skin>

.author-comments {
background: #333333;
border: 2px solid #666666;
padding: 5px;
}

Pada kode berwarna merah di kotak atas bisa diganti sesuai keinginan.Untuk mencari kode warna, anda bisa gunakan Colorpic, Software Untuk Mengetahui Kode Warna HTML.

Kemudian cari kode:

            <data:commentPostedByMsg/>
            </dt>

Jika sudah ketemu kode di atas, pastekan kode di bawah ini tepat di bawah </dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>

Kemudian cari kode <dd class='comment-footer'> tambahkan </b:if> tepat di atas kode <dd class='comment-footer'>Sehingga keseluruhannya tampak seperti di bawah ini :

<data:commentPostedByMsg/>
</dt><b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<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'>

Terakhir simpan template, dan kemudian untuk melihat hasilnya.
Nah, sekian tutorial dari saya mengenai cara membuat kotak komentar admin berbeda di blog. Semoga bermanfaat.

Referensi: http://galeryzone.blogspot.com/2012/01/cara-membuat-kotak-komentar-admin.html