++ applelove's tutorial ++

Wednesday, March 23, 2011

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. :)

Saturday, February 12, 2011

are U addicted to colours?

hari ni kita nak belajar macam mana nak buat tulisan colourful macam pelangi dalam posting atau entry kita. ~~kalau dah tau,tolong senyap boleh tak?~~ tolong jang sibuk-sibuk hal rumahtangga orang. :) korang dah ready? lets start babeh..wii~

1. tekan dashboard

design

edit HTML (tak perlu tick expend widget templetes)

2. tekan ctrl+f dan cari code </head>

3. kalau dah jumpa,korang copy code dekat bawah ni dan pastekan dibawah code </head>

<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/rainbowtext.js"></script>

4. tekan preview dan jika tiada sebarang error,korang tekan save saja laa.

5. sekarang pergi pada posting

new post

taip entry korang macam biasa.

6. bila korang nak guna teks macam pelangi tu,korang just guna code dekat bawah ni.

<span class="rainbow_text">TEKS COLOURFUL MACAM PELANGI</span>

tengok contoh ni:

nama saya <span class="rainbow_text">wawa comell</span>.
saya sangat <span class="rainbow_text">cantik dan comell</span>.
sila jangan cemburu dengan saya. :)

nanti bila korang preview,dia akan jadi macam ni.

nama saya wawa comell.
saya sangat cantik dan comell.
sila jangan cemburu dengan saya. :)

7. bila dah siap entry korang tu,tekan preview dan jika tiada sebarang masalah..korang publish saja laa,lepas tu pegi view post korang tu.

SELAMAT MANCUBA :)

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. :)

Friday, February 11, 2011

home.

http://img832.imageshack.us/img832/3238/18537629.gif

tuan belog.

http://img341.imageshack.us/img341/9498/12402307.gif

chenta hati.

http://img593.imageshack.us/img593/3935/69080058.gif

link exchange.

http://img340.imageshack.us/img340/4663/25821322.gif

facebook.

http://img252.imageshack.us/img252/499/62955644.gif

twitter.

http://img521.imageshack.us/img521/3558/25946719.gif

contact.

http://img717.imageshack.us/img717/5289/53250498.gif

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. :)

home.

http://img403.imageshack.us/img403/8348/82739754.gif

tuan belog.

http://img252.imageshack.us/img252/1074/92720282.gif

chenta hati.

http://img262.imageshack.us/img262/5038/60325552.gif

exchange link.

http://img441.imageshack.us/img441/3953/66022964.gif

facebook.

http://img87.imageshack.us/img87/4357/96285489.gif

twitter

http://img820.imageshack.us/img820/5973/71549748.gif

contact.

http://img820.imageshack.us/img820/42/75940828.gif

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. :)

Tuesday, February 8, 2011

heyzap.com - embed games

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. :)

Thursday, January 27, 2011

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. :)

Friday, January 21, 2011

tiba-tiba hari ni rasa macam baik hati la pulakan mau ajar korang buat tutorial.ada blogger comell ni tanya wawa.."wawawaaaa..macam mana mau buat background gerak-gerak macam wawa punya tu? tolang laa ajar wawa."~~ehh,ada juga orang yang suka background macam wawa ni?~~walaupun ada juga yang comment pening kepala tengok background gerak-gerak..serabut kepala katanya. :) pendapat masing-masing laa yea.kepada yang nak belajar,wawa tak keberatan mau ajarkan.wii~

1. tekan dashboard

design

add gadget

HTLM/javascript

2. korang copy code kat bawah ni.

3. edit URL GAMBAR dengan url picture yang korang nak. [pegi laa search kat encik google tu gambar yang gerak-gerak]

4. kalau tiada sebarang masalah,just save dan view la blog korang. :)

kalau korang malas nak google,ni wawa ada beberapa URL PICTURE yang korang boleh kidnap. :)