Cara Mudah Membuat Kotak Komentar Khusus Admin Berbeda di Blog

 

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 caranya: 

 

1. Masuk Blogger >> Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
2. 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>

3. 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/>

4. 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'>

5. Terakhir simpan template, dan kemudian untuk melihat hasilnya.

   

Semoga bermanfaat.. :D