TUTORIAL : Background komen berbeza antara author dan pengomen

heyy semuaa . hary nie una nak share tuto nie dgn korunk . dah ramai tanya tapi tak sempat nak buat so here una share dgn korunk . btw , first sekali credit is given to akak eintan nurfuzie :)) soo , jom kite start okey ?

*contoh dia :)

First go to your Dashboard > Design > Edit HTML * tick expand widget then click ctrl + F and korunk search for this code -->

LANGKAH 1

Tekan ctrl + F untuk menghidupkan fungsi 'find' kemudian cari kod berikut

<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>

atau

<dd class='comment-body'>

Letakkan kod dibawah diatas kod yang dicari tadi

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

pastu cari kod(2) ini

<dd class='comment-footer'>

letakkan code ini diatas

</b:if>

kalau x jumpa kod (2) try cari yang ini dan letak dibawahnya

<span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd>

pastikan jadi camni k?

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

LANGKAH 2

Tekan ctrl + F untuk menghidupkan fungsi 'find' kemudian cari kod berikut

]]></b:skin>

atau

</style>

pastekan code bawah ni di atasnyer

(kalau nak letakkkan colour sahaja)

.comment-body-author {
background: #d9f3ff;
background-repeat: repeat;
border: 1px solid #62a9ff;
padding: 5px;
}

(kalau nak letakkan url gambar)

.comment-body-author {
background: url (URL BACKGROUND)
background-repeat: repeat;
border: 1px solid #62a9ff;
padding: 5px;
}

code colour korunk boleh dapat kan dia Di SINI .
background boleh dapat kan dekat FREEBIES una okey ?

credit code & words of step is given to akak eintan nurfuzie :)