Cara Membuat Kotak Komentar Admin Berbeda di Blog

Cara Membuat kotak komentar admin berbeda di blog atau cara memodifikasi kotak komentar admin berbeda dari visitor di blog.
 

  Tips & Trik Blogger 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 membuatnya, seperti berikut cara memodifikasi kotak komentar admin berbeda dari visitor di blog: 

 

Masuk blogger >> rancangan >> edit html >> centang expand template widget
Cari kode ]]></b:skin> Copas 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, Sobat bisa Lihat Disini.

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 Lihat Hasilnya..
Nah, sekian tutorial dari saya mengenai cara membuat kotak komentar admin berbeda di blog. Semoga bermanfaat & Selamat Mencoba...

 

.:Terimkasih Sudah Berkunjung:.

Baca Juga yang ini Sob...: