Cara Setting Tampilan Admin Di Kolom Komentar

Hallo rekan-rekan blogger dan pengunjung setia Blog ini, satu settingan lagi dalam Panduan Belajar Blog yang saya lakukan mengenai Kolom Komentar, setelah diartikel sebelumnya tentang Membuat Kolom Komentar dibawah Postingan, kali ini saya akan membahas tentang Tampilan Admin di Kolom Komentar.

Tujuan setting ini adalah membuat komentar yang diposting oleh sang pemilik blog, akan berbeda dengan komentar yang di posting oleh pengunjung blog. Untuk lebih jelasnya, anda bisa lihat penggunaan komentar Admin tersebut di blog ini.

Berikut ini langkah-langkah dalam pembuatan Kotak Komentar Admin sebagai berikut :

Jangan lupa Backup terlebih dahulu template anda, bila ada kesalahan pengetikan, anda bisa mengembalikannya seperti semula.

Anda centang dulu pada 'Expand template widget'

Lalu anda Copy code berikut ini,

.comment-body-author {
background: #ebebeb;
border:1px dotted #000000;
margin:0;
padding:0 0 0 20px;
}

Paste-kan diatas kode dibawah ini :

]]</b:skin>

Tulisan merah adalah warna background kotak komentar anda, sedangkan tulisan berwarna hijau adalah garis tepi kotak komentar anda.

Silahkan ganti background dan border sesuai dengan selera anda.

Selanjutnya, anda cari kode ini :

<dl id='comments-block'>

Bila sudah ketemu, anda bisa melihat kelanjutannya seperti dibawah ini :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>


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


<dd class='comment-body'>
<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'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

 
Anda tidak usah bingung, cukup perhatikan tulisan yang berwarna HITAM diatas adalah kode original anda, sedangkan kode warna MERAH adalah sebagai kode tambahan.

Jadi, anda tinggal copy kode-kode yang berwarna merah, kemudian paste ditempat sesuai seperti contoh diatas. bila sudah, coba preview dan coba anda beri komentar Sebagai Admin.

Nah sekarang komentar anda sebagai pemilik blog akan berbeda dengan pengunjung blog Anda.

Selamat mencoba, dan bila anda menemui kesulitan, bisa bertanya di kolom komentar, atau anda memiliki ide yang lebih baik, silahkan juga share disini.