Tutorial - Blockquote
HELLO HELLO HELLO
Itulah namenye BLOCKQUOTE. Ayat korang berade dalam kotak. So nak buat SPECIAL BLOCKQUOTE ALA2 STYLE CIKGU SHAFIQ? Meh cikgu ajrkn....
1. Pegi ke blog anda then pergi Design>Edit HTML
2. Carik code di bawah ini. Care utk carik tekan CTRL+F then masukkn code dibawah ini utk memudahkan anda.
.post blockquote {
NOTE: Jike x jumpe anda boleh paste code di atas ni di BAWAH code dibawah ini
.post-body {
Nak carik code di atas ikut saje mcm care di atas tu.
3. Copy code di bawah ni.
background: url(URL BACKGROUND ANDA);
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
NOTE:
1. Nombor yg warne biru adelah KETEBALAN border anda. Jike BESAR nombo itu make TEBALlah border anda.
2. Perkataan yg bergaris itu adalah STYLE border anda. Anda boleh pilih sama ada mahu:
3. Yang warne
merah tu plak adelah code warne border blockquote anda. Anda boleh pilih warne ande dgn warne kesukaan anda. Kalo nak tau code warne sila klik
sini
4. Paste code trsebut di bawah
.post blockquote { tu then sebaik2 PREVIEW dulu then SAVE..
EXTRA: FLASH BLOCKQUOTE
Ape itu flash blockquote?
Cube anda letakkn mouse arrow (cursor) di atas blockquote di bawah ini.
TESTING
Magik x? Die jadi tuka backgroundnye bile letakkn mouse arrow anda di atas blockquote tu.
ITULAH FLASH BLOCKQUOTE.
1.Copy code dibawah ini
background:url(LETAK URL BACKGOUND ANDA); padding:5px;
Border:1px dashed #cccccc;
colour:#FFFFFF}
blockquote:hover {
background: url(LETAK URL BACKGROUND ANDA) repeat right bottom ;
border:1px dotted #000000;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
}
2. Gantikan code blockquote lame anda dgn yg code di atas ni. So di akn jadi mcm ni.
.post blockquote {
background:url(LETAK URL GAMBA ANDA); padding:5px;
Border:1px dashed #cccccc;
colour:#FFFFFF}
blockquote:hover {
background: url(LETAK URL GAMBA ANDA) repeat right bottom ;
border:1px dotted #000000;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
}
Perkataan yg bergaris boleh ditukar tetapi yg 'LETAK URL GAMBA ANDA' mesti tuka. Kalo x x jadi. TUKAR YE BUKAN DELETE TRUS...X JADI NANTI. PELIK SUDAH..
3. Better preview dulu. Kalo dh puas hati SAVE...
Sorry ye kalo x phm. Saye ni mmg xpndai nk brcakap. Paham sndiri punye je. Kalo kurang jelas boleh komen ye. Nanti saye jelaskn
