Comment owner berbeda dengan pengunjung

comments owner

Mungkin beberapa diantara sobat, sudah mengetahui cara bagaimana membuat comment owner berbeda dengan pengunjung, jadi kalau yang sudah tahu ga usah di lanjutin deh bacanya,, hehe.. tapi untuk yang tidak tahu mari simak tutorialnya, sebelumnya, apa sih comment owner berbeda dengan pengunjung?? maksudnya yaitu, komentar yang ditulis oleh pemilik blognya sendiri akan berbeda dengan komentar pengunjung, jadi maksud owner disini adalah istilah dari pemilik blog.
Oke sedikit pemahaman tentang judul sudah tahu kan?


Sekarang langsung saja ke caranya ya:
Login dulu di blog sobat ---> setelah masuk dashboard --> Layout --> edit HTML, kemudian centang kotak kecil bertuliskan "expand widget templates",

Kemudian sisipkan kode dibawah ini diatas code ]]></b:skin
(untuk memudahkan pencarian gunakan ctrl+f)

 .comment-body-author {
    background: #FFFF29; /* Warna Background */
    border:1px dotted #FF2929; /*Border*/
    margin:0;
    padding:0 0 0 20px;
    }

Silahkan edit code CSS di atas sesuai kreasi sobat..
Langkah selanjutnya, expand widget templates masih dalam keadaan di centang, kemudian cari code seperti di bawah:

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

Code yang diberi warna biru, itu merupakan code yang harus sobat sisipkan diantara code yang berwarna merah.

Bagaimana, apa sudah berhasil?? kalau masih ada yang kurang paham, mari kita sharing di kotak komentar di bawah.