Last updated!

29 June 2011

Tutorial Blog - Cara Buat Kotak Code Untuk Banner Blog

 
salam blogger dan selamat malam kepada blooger semua..
sebelum memulakan entri ini,mari kita doakan keselamatan buat isteri tercinta
Abg Teror iaitu kawan blog apit yang sangat best..
Isteri beliau dalam keadaan bertarung nyawa untuk bersalin..
ia anak sulung bagi pasangan tersebut..
sama sama kita doakan keselamatan mereka sekeluarga..amin..

okay! tutorial ini direquest oleh blogger Ulan..
macamana nak buat kotak code untuk banner tue kan..
contohnya macam kat bawah nie ha..


kan ada code untuk orang amik banner kita..
so mari kita belajar okay!
ikot step by step okay! simple!
1. Log In > Dashboard > Add Gadget > HTML/JavaScript
2. Copy code kat bawah nie dan Ctrl+V pada gadget HTML/JavaScript tadi..

<center>
<img style="width: 167px; height: 157px;" src="URL BANNER KORANG" />
<center>Sila copy code banner dan letak di blog anda..</center>

<textarea cols="13" rows="3" style="text-align: center;"><a href="URL Blog Anda/"><img src="URL Banner Anda" /></a></textarea></center>

KUNING : Boleh ubah size yang anda nak..
HIJAU : Letak URL banner anda
UNGU : Boleh Letak ayat di situ. Apit tak letak. Hihi.
 PINK : Letak URL Blog Anda
BIRU : Boleh ejas keluasan kotak code tersebut..

3. Dah siap boleh SAVE. Senang kan.

SELAMAT MENCUBA!

Salam by Hafizzi Aziz

Contest Blog Saya Comel

salam blogger kepada semua blogger kat Malaysia..
alamak apit ditag lagi la dalam contest..
sebenarnya apit ditag oleh someone pada minggu lalu..
tapi tak sempat buat, tapi tadi ditag pulak oleh Lyssa..
takpa lah, apit join..mana taw kot kot ada rezeki..
tapi rasanya macam tak comel ja blog apit..
hahaha..tak pa..join jangan tak join..
support blogger blogger semua..yeahh!
sesiapa nak join boleh click banner penganjur kat atas k..
apit tag kawan blogger apit plak k..


SIAP!

Salam by Hafizzi Aziz

Tutorial Photoshop - Buat Banner Animasi Untuk Blog

salam blogger kepada semua blogger semua..
hujan hujan sekarang nie bes kalau share tuto kat semua..
kali nie apit nak buat tutorial photoshop..
tuto nie untuk buat banner bagi gerak gerak..
contoh adalah seperti kat atas taw..
contoh di atas adalah yang paling simple sekali..
ada yang buat banner cantum gambar banyak banyak kan..
so banner tersebut hanya kelip kelip..
dalam tuto nie apit nak ajar untuk gerakkan object tersebut..
mari kita belajar k..yang mana dah terer tak payah la..
apit akan ajar simple dan ini hanya basic animation..
dah tahu basic, boleh explore sendiri lepas nie..
ikut step by step okay..

1. Open Adobe Photoshop..kalau tiada klik sini untuk download..
2. File > New seperti contoh di bawah..


3. Kemudian akan keluar window baru. Beri nama Banner dan tentukan width dan height yang diinginkan. Pada background contents pula terpulang mahu transparent atau tidak. Kalau mahukan seperti di atas, pilih white di situ. Contoh di bawah.


4. Kemudian akan keluar paparan saiz yang diinginkan. Kita boleh mula membuat tulisan. Pilih Text Tool yang icon berbentuk T. dan klik di paparan putih tadi dan taip.



5. So sekarang kita bagi cantik sikit tulisan itu. Right Click pada layer tulisan tadi dan pilih Blending Options. Contoh seperti di bawah okay!


6. Kemudian edit tulisan. Hanya perlu tick sahaja pada kotak kecik kecik tue. Tutorial buat text apit pernah buat. Klik sini. Contoh di bawah okay!


7. Kemudian setelah siap ejas tulisan, click OK. Tadaa..contoh di bawah. 


8. Sekarang untuk buat animation pulak. Klik Window pada menu bar dan pilih Animation. Contoh seperti di bawah ini okay!


9. Then akan keluar paparan di bawah untuk bahagian animation. Ha contoh macam kat bawah nie taw. 


10. tekan create new layer di icon bawah tue. Contoh di bawah.


11. Akan keluar dua paparan kan. okay, click pada layer pertama, di layer properties sebelah kanan pula click pada layer Text tadi then pilih icon Move Tool. Contoh di bawah. 


12. Selepas pilih Move Tool tadi, gerakkan text ke atas. terpulang kepada anda hendak gerakkan ke atas, bawah, kiri atau kanan. Jangan lupa pastikan anda click pada layer pertama. Ini permulaan animation Contoh seperti di bawah.


13. Click pada layer kedua pula dan gerakkan pula text turun ke bawah supaya ia seakan akan text menurun dari atas ke bawah. Contoh seperti di bawah.


14.  Kemudian click pula pada layer pertama tadi dan click icon tween animation frames. Ia bertujuan untuk menggerakkan taxt tersebut. Contoh seperti di bawah.


15. Kemudian keluar pop up untuk tween. boleh berapa frames yang anda mahukan. Seperti contoh ini apit pilih 15. Lagi banyak bilangan,lagi perlahan penggerakkan text tersebut. Faham kan?


16. Selepas klik OK, anda dapat melihat terdapat banyak frames di bahagian animation tersebut kan. Untuk lihat hasilnya, tekan icon PLAY di situ. Contoh seperti di bawah ini.


17.  Kalau nak lebih perlahan penggerakkannya, banyakkan lagi frame tadi taw. So selepas selesai, boleh la SAVE. Klik File > Save For Web and Devices > dan SAVE. Siap!
18. Di bawah ini lah hasilnya. Senang kan.

 

SELAMAT MENCUBA!
Salam by Hafizzi Aziz

CONTEST BEST HEADER EVER!!!

 salam bloggers kepada semua blogger kat luar sana..
hari ini apit nak join satu lagi contest..
setelah menerima kekalahan pada contest lepas..
sekali lagi apit ingin mencuba nasib..
mana la taw kot kot menang ke kan..
contest ini berkaitan dengan header jugak..
Contest ini diberi nama Contest Best Header Ever!!!
Penganjur ini tak lain dan tak bukan adalah..jeng3..
saudara Fazreen..klik nama untuk ke blog beliau k!
kat bawah ini adalah benner blog beliau..
amboi..gaya duduk pon macam nak isytihar puasa tahun nie ja kan..

sesapa yang nak join boleh klik banner beliau kat atas nie..
tarikh tutup contest ini adalah pada 1 JULAI 2011..
okay kat bawah nie apit pertaruhkan header apit..
dipersilakan..terima lah..header FizGraphic..

:: klik untuk tumbesaran header ::

sory kalau agak menyerabutkan mata anda..hahaha..
so itu saja untuk contest ini..
harap-harap menang lah..kih3..
ada rezeki takkan kemana kan..

Salam by Hafizzi Aziz

28 June 2011

TUTORIAL BLOG - Letak Button Share Facebook pada Blog

salam blogger kepada seluruh bloggers kat luar sana..
harap semua sihat di samping orang tersayang okay..
hari nie apit nak buat tutorial lagi..
nampak tak button share facebook kat setiap entri apit?
okay mari kita belajar meh..taw taw taw..
ikut step by step okay..jangan memandai nak skip plak..

1. Log In > Dashboard > Design > Edit HTML > Tick Expand Widget
2. Di keyboard tekan Ctrl+F dan cari code kat bawah nie..
<div class='post-body entry-content' 
kalau tak jumpa try cari code nie plak..
data:post.body
 3. Then copy code kat bawah nie plak..
<div style='float:right;padding:4px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow'
type='button_count'/>  
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'/>
</div> 
 4. pastue pastekan code di antara code yang kita cari tadi tue. Contoh kat bawah.


5. pandai pandai la godek. senang ja. pastue preview tengok jadi atau tak.
6. Kalau jadi boleh Save terus. Done!
SELAMAT MENCUBA!

Salam by Hafizzi Aziz

TUTORIAL BLOG - Favicon Comel

salam blogger kepada semua blogger kat luar sana..
apit ada request dari kawan blogger kita hari ini..
kawan blogger kita nie adalah cik puttery..
apa yang direquest oleh puteri?
tengok shout apit kat bawah nie okay!


puttery request favicon yer..
sapa yang taw favicon angkat tangan? saya...
favicon tue gambar kecil kat tepi URL address browser tue..
tak faham? ha tengok contoh kat bawah nie taw..


ha dah taw apa tue favicon? bagus..cepat belajar..
camna nak buat? ha nie yang nak ajar nie..
ikot step by step okay..simple..

1. Log In > Dashboard > Design > Edit HTML > Tick Expand Widget Templates..
2. Kat keyboard tekan Ctrl+F dan cari code kat bawah nie taw..
</head>
 3. Kalau dah jumpa, copy code di bawah ini pula..
<link href='URL GAMBAR' rel='shortcut icon' type='image/x-icon'/>

<link href='URL GAMBAR' rel='icon' type='image/x-icon'/>
4. Ctrl+V atau paste pada atas code yang kita cari tadi tue..
5. Lepas tue Save kalau dah menjadi..
SELAMAT MENCUBA!

Salam by Hafizzi Aziz

27 June 2011

My Idola 2011 : Anonymous Hacker

salam blogger kepada semua blogger kat Malaysia..
hari ini apit nak buat satu entri khas..
entri ini khas buat anonymous..
apit bukan lah bermaksud memihak kepada anonymous..
yela..tempoh hari negara kita tercinta ini telah digodam..
apit tak nak story pasal tue..cerita tue pown dah lapok..
tapi apit berasa amat tertarik dengan anonymous..
anonymous sangat beretika dalam menjalankan misi..
kenapa apit cakap macam tue? tak sayang negara ke?
bukan macam tue..anonymous ini telah membuka mata banyak pihak..
dalam security dunia maya ini kita agak lemah juga..
anonymous telah membuka mata pihak security kita supaya lebih berjaga jaga..
dan apit amat tertarik dengan cara beliau menyampaikan misinya..
dia memberi warning terlebih dahulu sebelum menjalankan misinya..
bukan dia attack secara melulu..betol tak?
apit tak berapa tahu sangat pasal anonymous nie..
yang apit tahu dia merupakan idola apit tahun nie..
apit memang sangat sangat berminat dalam bidang hack nie..
dari dahulu lagi sangat berminat..
timbul minat nie masa apit tengok movie Hackers..tahun berapa ntah..
angelina jolie yang berlakon..korang google jer lah..
pastue movie Die Hard 4 jugak terdapat hacker..
sungguh teruja kot tengok movie tue..
apit dulu apply Enginnering Programming tapi tak tercapai..
apa yang dapat Engineering Electronic (Computer)..
nak google belajar hack pown agak memeningkan..
tapi belajar jugak sikit sikit..bukan niat hack nak buat naya kat orang..
tapi untuk menguji tahap kepandaian otak dalam bahasa komputer..
sungguh sungguh best kalo dapat faham bahasa komputer..
ahhhhh excited gila tulis entri ini..
ini hanya pendapat apit saja..maaf kalau menyinggung perasaan pihak lain..
abang anonymous..tolong ajar saya hack something boleh tak?
hihi..just kidding..babai!
:: jangan godam blog apit taw abang anonymous ::

I LOVE YOU ANONYMOUS..

Salam by Hafizzi Aziz

Review Filem Transformer 3 : Dark of the Moon

salam blogger kepada semua blogger kat Malaysia..
harap semuanya sihat sihat di samping keluaraga tercinta okay..
hari ini 27hb Jun 2011..tinggal lagi 2hari saja lagi..
apa yang 2 hari? jeng jeng jeng..
Transformer 3 : Dark of the Moon..
sapa peminat transformers angkat tangan? sayaaaaaa...
29 Jun 2011 akan muncul di pawagam movie nie..
sure apit akan pergi tengok punya..wajib!
dah lama kot tunggu movie nie..dari tahun lepas lagi..
hahaha..mari kita layan trailer movie ini dulu k!

TRAILER PERTAMA



TRAILER KEDUA


dah layan kan trailer kat atas..best tak?
sapa kata tak best memang buta teknologi..
apit suka grafik movie nie..wahh..excited kot!
tapi Megan Fox dah tak berlakon..sapa penggantinya?
naseb baik ada awek cun sebagai pengganti..dah la cun,seksi lak..
beliau adalah Rosie Alice Huntington-Whiteley..
lihat heroin transformer yang baru iaitu pengganti Megan Fox..

gambar kat bawah nie nak like banyak banyak kali boleh tak?
wow..wow..wow..terima kasih kepada Encik Google..
rupa rupanya dia nie model untuk Victoria's Secret..
nak tahu umur lak? umur dia 24 tahun..
apit lak 22 tahun..orait..boleh la tue nak ejas ejas..hahaha..

maaf atas gambar yang sangat hot ini..
jelita sangat..sampai nak sensored tak boleh..
apit dah try nak sensored tapi adobe photoshop tak bagi..
hahahahahaha..tipu ja..nak like sejuta kali..

so ramai ramai jom kita layan movie transformer nie..
duration movie ini 2 jam 32 minit..
walaupun lama, tapi confirm rasa sekejap saja..
ini berpandukan pengalaman pada transformer 1 dan 2..
jom jom jom kita tengok!

SELAMAT MENONTON!

Salam by Hafizzi Aziz

Contest : Banner/Header saya cantik

salam bloggers kepada semua..
tadi jalan-jalan terjah blog bebudak lain..terjumpa satu contest..
amboi..contest menarik nie..wajib join nie..
contest ini berbunyi Banner/Header saya cantik..
cantikkah header apit nie? ha ini lah nak menguji pandangan pihak juri..
hahaha..try tengok kot kot menang ke..kan..
contest ini dianjurkan oleh adamainaa..
sesiapa nak join boleh la klik banner tuan blog kat atas tue..
kat bawah ini header apit taw..tadaaa...

:: Cerita di sebalik header FizGraphic ::

header ini adalah transparent..
gambar lappy warna kelabu/putih adalah lappy apit..
terdapat DSLR apit di situ..apit suka tangkap tangkap gambar..
terdapat gegelung yang mengelilingi badan seperti lampu..
gegelung tersbut melambangkan apit budak karen (electric/electronic)..
selipar, baju, cekak, dan rokok adalah putih..peminat putih..
terdapat lebah di header kerana itu adalah trademark..bee..
gambar apit melihat lappy yang merupakan header lama..
kiranya apit pertaruhkan DUA header sekaligus..
boleh ke tidak? lawak ja..

dalam contest ini apit nak ajak blogger last minit :
1. bujang
2. yana

so itu sahaja lah..nasib baik sempat join..
hihi..harap harap menang..
tapi yang penting dapat tengok pihak juri menilai header bes..
boleh tahu pandangan masing masing kan..
itu sahaja..babai..

Salam by Hafizzi Aziz

25 June 2011

Tutorial Photoshop - Cara Buat Header Comel Transparent

salam bloggers kepada semua blogger kat Malaysia..
harap semuanya sihat okay!
wah..wah..wah lamanya tak update blog apit nie..
tersangat-sangat la busy..adoyai..
nie pown cepat-cepat update blog..curi-curi masa..
orang ramai perasan dah entri yang sama jer bila bukak blog apit..
sory sory..bukan disengajakan..hihi..

kali nie apit nak ajar buat Header transparent yang comel..
eh comel ker..tak pown..lantaklah..hihi..
okay okay meh kita belajar sama sama okay!
yang mana dah pro, tak payah belajar lah..
kami tak pro, kami nak belajar..syuh syuh..


1. Open Adobe Photoshop..kalau tiada klik sini untuk download..
2. Klik File > New. Contoh di bawah.


3. Namakan File tersebut sebagai Header. Width (Lebar) dengan Height (Tinggi) mengikut kehendak anda dan blog anda. Pada bahagian Background Contents perlu memilih Transparent okay. Contoh seperti di bawah.


4. Kemudian akan keluar paparan seperti di bawah. Nampak kan petak petak kelabu puit itu. itu lah maksudnya transparent.


5. Kemudian klik File > Open dan pilih gambar comel comel untuk dijadikan sebagai header anda. Anda boleh google gambar comel comel. Taip jer cartoon comel ke apa ke tetapi di belakang ayat mesti taip png. Ingat! png taw! Contoh di bawah adalah gambar cartoon comel yang apit google tadi. Comelnyaaaaa...hihi..


6. Selepas klik Open tadi, akan keluar gambar tadi kan. Okay,anda tekan Ctrl+A dan Ctrl+C kemudian pergi ke tab Header tadi dan Ctrl+V di situ. paham ke tidak nie..simple kan..Contoh adalah seperti di bawah ini.


7. Selepas Ctrl+V di tab Header tadi, anda boleh la letak gambar tersbut di mana yang anda mahukan. Tekan Ctrl+T untuk tentukan size dan kedudukan yang anda mahukan. Selepas berpuas hati dengan kedudukan yang dimahukan,tekan ENTER di keyboard. Contoh adalah seperti di bawah okay!


8. Kemudian kita buat tulisan pulak. Pilih icon bentuk T di sidebar kiri photoshop. Icon T tersebut adalah Text Tools. Selepas klik itu, klik pada paparan atas itu dan tulis lah apa yang anda mahukan seperti URL blog ke. Untuk edit lebih menarik pada tulisan,anda boleh lihat tutorial di sini. Contoh adalah di bawah okay!


9. Selepas selesai edit mengedit, boleh la save hasil anda itu. Jangan lupa save dalam file .png okay. apit dah ajar dulu cara nak save kan. Senang kan. Gambar di bawah adalah Header yang apit buat sebagai contoh. Ada sesiapa nak tempah ke tidak? mesti la takda kan. hahaha.


SELAMAT MENCUBA!

Salam by Hafizzi Aziz