++ applelove's tutorial ++

hari ini wawa mau buat tutorial pasal blockquote pula.sesiapa yang dah tau tu,tolong senyap yea.ini khas untuk yang nak belajar sahaja.muahaha. :) tapi kalau yang dah tau tu pun nak datang sibuk juga,meh la sini.wawa tak makan orang laa.muahaha. :)

jap jap jap..tiba-tiba ada iklan pula. :) "kaka..blockquote tu menatang apa deh?" adoii..macam mana mau jawab ni? muahaha. orait si comell,meh wawa tunjuk apa itu blockquote yea.

dah faham murid-murid? membayangkan diri jadi cikgu sekejap..alahai,comellnya wawa ni.muahaha. korang rasa macam nak bagi kaki tak? :) okeyy..tak mau buang masa lagi.meh kita belajar buat blockquote ini okey?


1.tekan dashboard -> design -> edit HTLM (tick expand widget)

2. tekan ctrl+f and cari code ]]>

3. korang dah jumpa code tu? sekarang copy code kat bawah ni pula.

.post blockquote {
background: #FFCC99;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px solid #000000;
margin:1em 20px;
}

4. paste code ni sebelum code ]]> yang koramg cari tadi.

5. tekan preview and kalau tiada sebarang masalah,just save saja laa.

6. pegi ke dashboard -> posting -> new post -> just tulis apa yang korang suka,pastu highlight semua word.kemudian tekan "blockquote"

nota penting:
bila korang cuba preview,memang tak nampak apa-apa perubahan..cuba publish,pastu view post korang. JENG JENG JENG..mesti comell kan? :)

dah boleh buat? sekang kita belajar yang advance pula. (ini kalau korang nak edit code tadi tu.)

ini adalah code asal:

.post blockquote {
background: #FFCC99;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px solid #000000;
margin:1em 20px;
}

ini yang perlu korang ubah.. (jika mahu sahaja,tak wajib okey.)

.post blockquote { (tak perlu ubah)

background: #FFCC99;

ini background belakang warna oren.korang boleh ubah warna background guna code warna dekat sini.

-moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; (tak perlu ubah)

padding: 6px; (tak perlu ubah)

Border: 1px solid #000000;

1px -> ketebalan line border,kalau rasa nak tambah..just tukar 1px kepada 5px atau 10px.

solid -> ini adalah line border tu.kalau rasa nak tukar..just tukar solid kepada dotted atau dashed.

solid -> garisan lurus.
contoh: _____________
dotted -> garisan titik-titik.
contoh: ..........................
dashed -> garisan putus-putus.
contoh: _ _ _ _ _ _ _ _ _ _

#000000 -> ini adalah warna line border,warna hitam.kalau rasa mau tukar..just cari code warna korang kat sini.

margin:1em 20px; ( tak perlu usik )
}

eh eh..korang mau yang lagi advance? lebih-lebih pula korang ni..dah bagi fillet 'O fish,nak double cheese burger pula.muahaha. :) ni mesti kes cemburu tengok blockquote wawa sangat comell,ada love gerak-gerak kan? kan? kan? ayat tak boleh blah..muahaha. kalau korang nak tau,kena laa tunggu sambungan tutorial blockquote part 2 okeyyy? bagi laa wawa rehat..penat woo buat tutorial ni.muahaha :) jumpa lagi.tataa titii tutuu..

---

wawa tau entry saya comell.sila comment selepas membaca.kalau kamoo copycat meow meow,sila pergi dari blog wawa tanpa copy apa-apa dari blog saya. :)

---