Komentar Berbeda Pada Admin Blog

Baiklah masih ada waktu setengah jam sebelum buka puasa, alangkah baiknya kalau saya nambah 1 posting dulu hehehe. Postingan saya kali ini akan mengajarkan bagaimana cara memberi tampilan berbeda di komentar posting untuk Admin Blog. Dengan cara inikan kita jadi bisa membedakan mana admin yang sebenarnya. Nah tidak usah panjang lebar karena waktu berbuka semakin dekat haha. Step.By.Step :

1. Login ke Blog anda. AYO CEPAT!!!

2. Design > Edit HTML > centang di Expand Widget Templates 

3. Letakan kode ini di atas kode ]]></b:skin>

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

Keterangan : kode di atas adalah style untuk komentar admin, bisa anda utak-atik sendiri sesuai keinginan 

4. Cari kode yang seperti ini, yang merah adalah kode yang harus anda tambahkan!

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

5. Save Templates

Oke sekian pembelajaran blog kita hari ini. Saya harus bersiap untuk berbuka puasa haha