di sebabkan korang ni admin blog korang , so korang rasa macam nak buat perbezaan yang ketara kan kan? senang je , korang nak bila korang yang admin ni komen , nak background dia kaler pink , kalau yang pengkomen pulak, kaler putih sudah ,

gila kan? boleh ke buat macam tu? kalau tak boleh tak kan nak buat tutorial ni kan? hehehe,
so jum kite selak menyelak tutorial kali ni ,

1. korang just sign blog lagi > pegi kat design > edit html > tick expand html

2. cari code dekat bwah ni , nak senang lagi tekan je ctrl F..

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

kalau korang tak jumpe lagi ,

<dd class='comment-body'>

3. copy code dekat bawah ni pulak dan pastekan kat atas code yang korang cari tadi ,

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

4. cari lagi code dekat bawah ni,

<dd class='comment-footer'>

 5. dah jumpe? korang just copy code di bawah ni lagi dan pastekan kat atas code (num 4) tadi,

</b:if>

6. Kalau korang tak jumpa code <dd class='comment-footer'> korang cari code ini pula :

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

7. Dan paste code </b:if> di bawah code tadi.( nombor 6 )



wow , jangan pening, amek step satu satu dan try buat , nak selamat sikit , korang just download full template dulu, karang tak pasal2 terbabas , hehehe


BAHAGIAN 2 ( meletakkan fungsi background )

1. Selepas korang membuat tutorial bahagian 1, korang kena buat bahagian 2 untuk meletakkan fungsi background tersebut. Ikuti langkah-langkah seterusnya.

2. Cari code di bawah, Ctrl F sahaja dan paste code di bawah dalam kotak find then tekan enter!

]]></b:skin>

kalau tak jumpa code tersebut, cari code ini pula :

</style>

3. Pilih sama ada korang nak letakkan warna atau background di dalam kotak komen. Pilih satu sahaja.


4. Copy code fungsi warna atau fungsi background dan paste di atas code yang korang cari di langkah Nombor 2 tadi.


Untuk Meletakkan Fungsi Warna Sahaja :

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

Untuk Meletakkan Fungsi Background Sahaja :

.comment-body-author {
background-image:url(URL BACKGROUND GAMBAR);background-position: top center;
background-repeat: repeat;
border: 1px solid #F455A5;
padding: 5px;
}

4. Apa yang korang perlu ubahsuai?

#F455A5 - untuk warna background korang. 
#F455A5 - untuk warna border korang
URL BACKGROUND GAMBAR - tukar kepada URL gambar korang

1px - ketebalan border korang ( lagi banyak bilangan lagi tebal ) 
solid - jenis border korang boleh tukar kepada dashed, dotted

5. Preview, jika tiada sebarang error dan masalah. Boleh SAVE. Dan lihatlah hasilnya.

Buatlah dengan tekun ye. Tak jadi jangan nagess.

Labels: Blog TutoriaL

ArezAyreen ✦