This Blog Has Been Moved To HANTUJAVASCRIPT.

Thursday, December 16, 2010

Home » , , , »

Cara Menukar Background Petak Komen Admin



Hai...hari ni saya nak ajar bagaimana cara menukar background komen admin atau author...tujuan tutorial ini adalah untuk membezakan komen admin dengan komen visitor....dan visitor tiidak akan ditipu...tutorial ini hanya memerlukan beberapa kod css...


A.Langkah Pertama
1.pergi ke Design>Edit HTML
2.pilih expand widget template
3.kemudian cari perkataan
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
 atau jika tidak jumpa
<dd class='comment-body'>
4.dan letakkan kod dibawah ini diatasnya

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
 5.kemudian cari kod ini dan paste kod berwarna merah

</b:if>
<dd class='comment-footer'>
 atau jika tidak jumpa

                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
</b:if>
jawapan akhir mestila seperti ini

<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>
B.Langkah Kedua
 6.langkah seterusnya anda cari perkataan
]]></b:skin>
Atau
</style>
 7.dan letak kod ini diatasnya
.comment-body-author {
background: #d9f3ff;
background-repeat: repeat;
border: 1px solid #62a9ff;
padding: 5px;
}

**TUKARKAN

  • d9f3ff kepada warna background
  • 62a9ff kepada warna border
  • sekiranya anda ingin menukarkan warna background kepada gambar tukarkan perkataan "background: #d9f3ff;" kepada "background: URL(URL GAMBAR);"

7 comment:

abgteror said...

salam bro....akunye blogg kat 1st step tuh ade....tapi lain skit. Then bila aku try masukkan jugak colour comment code tuh...tak jalan....any idea?? Nih kod kat design aku:

dd class='comment-body collapseable'

fad*** said...

@abgteror maksud ko..ko cari <dd class='comment-body collapseable'> ke....ko kena cari dua ni jer

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

2.<dd class='comment-body'>

amazing gila said...

bro...yg bab


**TUKARKAN

* d9f3ff kepada warna background
* 62a9ff kepada warna border

sy x paham....

macam mana kalau sy nk jadikan background warna putih tulisan warna hitam...kene masukkan kod ape..???sy punyer jd nampak x jelas...waaa..tolong yer bro...

fad*** said...

@amazing gila... untuk bab yang tukarkan warna tu...awak pergi kat sini...letakkan

color: #KODWARNA

sebelum tanda "}" pada kod yang saya kasi...contoh
untuk background putih teks warna hitam

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

ZAHIRAH IBRAHIM said...

saya dah buat, tak jadi ;(

fad*** said...

<ZAHIRAH IBRAHIM>
tak keluar warna ke??... kalo tak kluar warna..
maknanya awak tak buat bahagian: B.Langkah Kedua
yang tu paling penting kalo nak ia menjadi...

kalo die kluar error... pastikan kod akhir hampir sama.. pastikan
TagName[<b:if...] die ditutup[</b:if...]

darxniq said...

aku pon jpe yg nih jer..

dd class='comment-body collapseable

Post a Comment

<b></b> : Tebalkan huruf
<i></i> : Condongkan huruf
<a href="http://URL.anda,com">link</a> : letak link
&lt; : tanda [<]
&gt; : tanda [>]
&quot; : tanda ["]

Click Itu Sedekah...maka...CLICKlah!!!

Follow

donate me

My Ranking

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Fadhil | Bloggerized by Fadhil