Tutorial : Highlight Author Comment

Nak buad x highlight author comments ni ?sbb nmpak lebih kemas , contoh mcam ni lha : Comel kan ? nak buad jugak ? jom 1. Dashboard > Design > Edit html 2. tekan CTRL + F terus and copy nih :

]]></b:skin>

3. copy ayat kat bawah sebelum ]]></b:skin> ok ?

.amazibox-comment-body {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3-Fn7U5gLynghJCdRPhiutmjOVrlprV_9HQ11XKvNurVikbBgKN9cwCIzeTn_qCbWSnxNqrXU47Xfc7JDf8_jy3lGD92CXDOqOeNOcnf5Nx45y36omV9HSUYn5k-Bdvv58EpcFafYCKI/s320/rarebg.jpg);color: #8000FF;border-radius: 5px 5px / 5px 5px;border: 2px solid #AC58FA;margin:0;padding:0 0 0 10px;width:520px;}

4. cari ayat lebih kurang mcam nie :

<data:commentPostedByMsg/> </dt> <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>

5. highlight ayat kt atas tuh pastu tukarkan kepada ayat ni :

<data:commentPostedByMsg/> </dt> <b:if cond='data:comment.author == data:post.author'> <dd class='amazibox-comment-body'> <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>

6. preview dulu , klau menjadi korang boleh lha SAVE .

klau terjadi ape2 kat blog korang ak xnak bertanggungjawab, so lebih baik preview dulu .

NOTA : BIRU : tu background kotak komen, klau korang xnk tukar xpe PINK : korang tukar lha ye, yg tu color purple HIJAU : untuk ketebalan garisan kotak komen PURPLE : panjang kotak komen, ubah mengikut kesesuaian anda sndri

p/s : klau xmenjadi or xfaham komen kt kotak komen ye