Memodifikasi kotak komentar Pemilik Blog

Lihat Tulisan kotak Komentar pemilik blog (Andie)merah muda pada gambar diatas. Itulah yang akan kita buat. Ini caranya :

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Edit HTML" trus kasih centang tanda "Expand Widget Templates"

3. Copy CSS dibawah ini

/* Warna Kotak Komentar Pemilik Blog */
.commentpemilikblog {
background: #EEE0E5; /* Warna Background */
border:1px dashed #DC143C; /* Warna Garis Pinggir */
margin:0 0 10px 30px; /* Jarak Margin atas,kanan,bawah,kiri */
padding:0 0 0 20px; /* Jarak Padding atas,kanan,bawah,kiri */
}

+ Paste diatas kode ]]></b:skin>

4. Cari kode <dl id='comments-block'>

+ Dibawah kode tersebut ada kode ini :

<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='commentpemilikblog'>
<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='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

+ Tambahkan kode yang berwarna merah seperti contoh diatas.

5. Save Template dan Selesai

+ Supaya Kotak Komentar bisa langsung muncul dibawah postingan klik Dashboard - Setting - Comment Form Placement - pilih Embedded below post

+ Save Setting

Seperti ini :

+ Thk to Ndyteen yg udah mau jadi contoh comment hehehehe...