Cara Membuat Kotak Komentar Admin Berbeda di Blog


CaraMembuat Kotak Komentar Admin Berbeda di Blogcara memodifikasi kotak komentar admin berbeda dari visitor di blog atau Cara mengubah kotak komentar admin berbeda dari yang lain di blog atau 

Sebelumnya saya pernah menyampaikan tutorial seputar modifikasi blog di area kotak komentar yaitu cara membuat reply comment diblog dan pada kesempatan kali ini saya akan menjelaskan cara untuk mengubah kotak komentar admin berbeda dari visitor di blog. Oke langsung saja ya daripada bicara panjang lebar. Berikut ini adalah CaraMembuat Kotak Komentar Admin Berbeda di Blog: 
 
Masuk kea kun Blogger anda --> Klik Template >> Edit HTML --> Lanjutkan (jangan lupa centang Expand Template Widget).
Kemudian anda Cari kode ]]></b:
skin> Jika sudah ketemu anda copy kode di bawah ini dan pastekan tepat di atas kode  ]]></b:skin>

.author-comments {
background: # 333333;
border: 2px solid # 666666;
padding: 5px;
}
Anda dapat mengubah sesuai keinginan anda pada kode yang berwarna merah.Untuk mencari kode warna, anda bisa gunakan Colorpic, Software Untuk Mengetahui Kode Warna HTML.

Setelah itu anda  cari kode:
            <data:commentPostedByMsg/>
            </dt>
Jika sudah ketemu kode di atas, tempatkan 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/>
Selanjutnya anda  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'>

Langkah terakhir anda  simpan template, dan kemudian untuk melihat hasilnya.

Demikian yang dapat saya sampaikan tutorial mengenai cara membuat kotak komentar admin berbeda di blog. Semoga dapat bermanfaat buat anda.

Komentar