11 Tutorial: Header Flash Yang Simple Part 2

Sambil tulis entry baru ni, hopefully korang dah faham step step yang panjang tapi simple tu dlm entry sblum ni. Finger crossed! Sebelum tuhhh, add Facebook, Twitter aku! Ramaikan friends aku. Haha.

Last nite, kite stop dekat Step 5 kan? Okies, now, kite sambung dengan Step 6.

Step 6: Upload dalam SWF Hosting Site (Using Mozilla Firefox)

Hope korang sume ramai yang guna Firefox as main browser. Step ni senang. Simple. Taksusah. Masuk LivingCabin SWFCabin.com. Lepas tu, upload macam biasa korang upload gambar dekat Photobucket tu. Optional untuk Tick Allow Search tu, tapi kalo nak senang cari, Tick dekat situ. Click Publish Swf.

Dah siap upload header ohsemmm korang tu kan? Okies, lepas je upload, interface dye jadi macam kat bawah ni and korang kene Click View Swf. Macam kat pointer merah tu. Takpayah nak copy Direct Link tu.

Faham setakat ni kan? Okies, lepas View Swf, SWFCabin akan tunjuk lah camane hasil sebenar yang korang buat. Dengan repeatition sekali. Dekat window yang sama, Click Tools > Page Info.

Lepas Click Page Info, Firefox akan bawak korang direct to New Mini Window. Dekat Mini Window ni, Click Tab Media>Cari File yang ade extension .swf (File Type: Embed). Then, Right Click, Choose Copy. And apparently, file yang korang upload tu, size dye same dengan file original dalam lappy. :D

Okay, kite dah selesai dengan SWFCabin! Kalau boleh, Paste address yang korang dah copy tadi tu dalam notepad. Much easier!

Step 7: Letak dalam blog

Haha. Ni lagi simple , sume orang tau buat. Login Blogger. Click Design > Page Elements > Add A Gadget > HTML/Javascript. Copy HTML bawah ni. Tukar semua code yang dah underlined kat bawah ni kayh.

<embed src="Address Extension SWFCabin (dari Step 6 tadi)" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height=300" width="720"></embed>

Dah copy, masukkan dalam HTML/Javascript tadi. Click Save. Untuk kosongkan ruang title, korang boleh code ni dalam title.

<h2></h2>

Step 8: Kalau tak boleh drag (If Error)

Kalau takboleh drag kesana, korang save dulu dekat Page Elements tadi, Click tab Edit HTML. Search Code @ Ctrl+F Code bawah ni.

<div id='header-wrapper'>

bawah nya ada code ni kan?

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Skrullz Storyboard (Header)' type='Header'/>

Tukar maxwidget kepada '2' @ lebih dari 2. Tukar showaddelement kepada 'yes'. Click Save. 

Sekarang, dah boleh. Okay,patah balik ke Tab Page Element, Drag semula HTML/Javascript Flash Header korang tade ke atas or kebawah header asal. Save!

Step 9:  Buang Header Asal (Optional)

Step ni sebenanye tak risky. Jangan #takot la kalau nak ubah siket siket, nak bagi blog cantek sangat sangat. Kalau nak buang header asal, korang kene tweak(ubah) siket bahagian Edit HTML. Okey, firsty of course lah kene Click Design > Edit HTML. Lepas tu, search code ni.

<div id='header-wrapper'>

bawah dye siket ade code ni kan?

<b:widget id='Header1' locked='true' title='Skrullz Storyboard (Header)' type='Header'/>

buang code widget id ni. Save! Lepas tu korang akan ditanya oleh blogger pasal confirm "Header1" deletion. Just click Confirm. #withoutdoubt


YUP! FINISH LINE! Simple kan? Hope korang dapat buat dengan jayanya. Ecewahhhh. Buat lagi cantik dari aku punye. Btw, aku tak amek tempahan @ order @ yang sewaktu dengannya dari korang. Takpernah terniat pun nak jadikan bende ni bisnes. Aku sangat takpandai nak buat header utk orang. Bile aku buat je, nanti mesti jadi takcantik. Hope dengan adanya tutorial 2 part yang panjang ni, bolehlah korang buat sendiri yaa.


Lagi satu, kalau nak credit pun boleh, xnak credit pun takpe. Nak copy tutorial pun takpe. Right-clicking blog aku takpernah disable. Aku open, takkesah. See yaa~

13 Tutorial: Header Flash Yang Simple

Hye alls. Bertemu kembali dalam rancangan Art Attack Malaysia bersama Abang Chi Chuchairi. Hari ni, abang akan ajar korang sume macamane nak buat origami itik serati bulu pelepah kelapa. #mengarut

Okeh, sebenanye ade budak kecik umur 13 tahun nak blaja buat Flash Header macam kite. Sbenanye dah ade 3-4 orang tanye camane nak buat and aku takintend pown nak jadikan Flash Header ni bisnes. So, takrugi kongsi ngn korang sume camane nak buat Simple Flash Header tapi penerangan yang panjang. Its always an honour 4 me sebab dyorang dyorang ni yang request tutorial. #imlovin'it

Aku guna software Sothink SWF Easy. Name explains everything. So-you-must-think-SWF-is-easy!

>>Download Here<<

Okeh, firstly , ni interface software Sothink SWF Easy ni. Sangat simple nak dibandingkan dengan Adobe Flash yang #complicated sampai-aku-pun-tak-faham tu. Aku cuba explain step by step. #cuba

Step 1: Size Flash Header

Okeh, size header ni, up-to-you-alls lah. Tapi, most appropriate in my opinion, 720x300. Hipotesis utk kajian ni: semakin besar size, semakin besar bytes yang digunakan dan semakin lambatlah page loading blog korang. Size flash header korang boleh jumpe dekat Properties kat bahagian bawah drawing area.

Step 2: Add Images and Text

Step 2 ni ade 2 cara nak masukkan image dalam drawing area. Pegi Insert>Image or tekan F5 dari keyboard! Simple kan? Masukkan semua image including background. Sebab background dia takboleh transparent.

Step 3: Adding Background

Tadi, aku dah suruh masuk background image skali kan? Macamana nak set image kepada background? Ha, itu yang kite taktau. Right Click dekat image yang nak dijadikan background>Set As Background.

Step 4: Add Effects dekat semua images

Effects dekat software ni sangat siket. Sangat-sangat siket. So, pandai pandai sangat lah combine kan effects supaya image image korang tadi nampak sangat smart. Step 4 ni paling complicated. I do agree. Macamana nak masukkan effect pada image? Click image tu, lepas tu Click dekat Add Effect.

Setiap image yang dah diletakkan effects, effect tu mesti ade dekat timeline. Timeline tu ape? Bawah ni timeline effect.

Optional: Okies? Taw dah kan timeline tu yang mana satu? Now, the TRICK supaya jadikan transition effects tu lama siket. Drag hujung effect transition yang macam ade arrow pointer merah kat bawah ni. Drag ke kanan utk tmbh lagi panjang dan lagi lama effect transition.

Optional: Another TRICK supaya effect repeat dengan sempurna. Tetapkan satu image yang korang nak dia jadi STATIC. Contohnya macam header aku kat atas tu, Static image ialah "Swirls+Crown yang ade tulisan Skrullz Nazryn" tu. Perasan tak? Okeh, make sure Static image tu lebih satu second @ satu kotak dari effect yang lain. Contohnya macam kat bawah ni.

Lepas dah siap drafting, korang Preview lah banyak banyak sangat kali. Preview diwakili oleh button play kat bar atas timeline tu. Faham kan sume?

Image yang aku guna: Swirls (Effect: Illusion Jalousie), Crown Badge (Onionskin), Text (Fade In, Contort, Simple Matrix), Background

Step 5: Publish

Last step dalam buat flash header yang simple ni, Publish. Korang kene publish dekat dalam lappy bukan dalam HTML okeh? Click File > Publish @ Publish button dekat bar atas timeline tu.

Lepas je click Publish, ade satu window tanye nak publish dalam bentuk ape. Then, click Export Flash Movie(.swf). After that, Click Next. Dah siap loading, korang akan jumpe file korang dekat tempat yang korang save tadi.

Okay? Simple kan? Explanation je panjang. Gudluck. Next post, aku tunjuk camane nak buang header picture upload yang biasa and masukkan header Flash dalam blog pulak eh. Toodles. :D