Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

CARA MEMBUAT FLOATING BUTTON - BUTTON TERAPUNG


Contoh macam ni.


1) Log in > Dashboard > Layout




2) Klik ADD A GADGET



3) Cari HTML/JavaScript dan klik.


4) Korang copy coding kat bawah ni.

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; top:140px; left:-12px;'>

<a class='linkopacity' href='http://www.facebook.com' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/232.png" /></a><br />

<a class='linkopacity' href='http://twitter.com' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/432.png" /></a><br />

<a class='linkopacity' href='http:blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png" /></a><br />


</div>


Warna merah - size button.
Warna pink - url facebook, twitter, blog korang sendiri.
Warna biru -  biarkan je...




5) Dah buat semua, then paste kat ruang HTML/JavaScript tadi.
Lepas tu, klik SAVE.

TUTORIAL MEMBUAT BLOG UNTUK NEWBIE


Senang jew. Jom ikut step di bawah.


FIRST: Sign Up dulu. 

SECOND: Isi maklumat dengan betul. Pastikan email wujud ok?

Kemudian, klik NEXT STEP



THIRD:  Akan keluar macam ni. Klik NEW BLOG


Dah klik, akan keluar macam ni. Isi apa yang patut. Pastikan box yang warna hijau tu available. Dah buat semua, klik CREATE BLOG!


FOURTH: Akan keluar macam ni. Klik kat bahagian kotak hijau tu. Pilih di antara warna dua kotak merah tu. Saya pilih layout.



Dah pilih layout, akan keluar macam ni.

Klik EDIT, akan keluar tab baru macam no 2 tu. Ni gambar header kat atas. 

Yang selebihnya, korang tengok tutorial kat sini. Saya cuma tunjuk camne nak buat blog je hehe...


























TUTORIAL MEMBUAT BOX DISPLAY MENGGUNAKAN VISUAL BASIC 2008 ATAU 2010


TUTORIAL MEMBUAT BOX DISPLAY

Hari ni aku rajin nak updated blog, buat entry baru. Kali ni, aku nak share sedikit ilmu yang aku belajar di kolej aku dulu. Subjek yang aku ambil ialah Diploma In Information Technologi. Topik kali ni ialah mengenai Visual Vasic yang ada di salah satu pelajaran yang aku belajar. Baiklah, tanpa membuang masa, korang tengok gambar di bawah.


Ini adalah salah satu kerja rumah yang aku buat menggunakan Visual Basic 2008. Kalau korang nak guna VB 2010 pun boleh juga. Tapi saya lebih senang guna 2008.
Kegunaan DISPLAY BOX ini adalah untuk display berapa banyak perkataan yang korang nak tunjukkan. Contohnya 20 word, maka, perkataan I AM A HACKER akan keluar sebanyak 20 perkataan.
Macam mana nak buat? Korang stay tuned kat entry ini..

PERTAMA

Korang buka Visual Basic. Kemudian klik CREATE PROJECT. Contoh gambar di bawah.


Lepas klik, akan keluar box. Korang boleh isi tajuk projek korang tu. Contoh di bawah.
Korang ikut saja nombor 1 sampai 4 tu ok?


KEDUA
Lepas korang tekan OK tadi, akan keluar new page. Rupanya macam gambar contoh di bawah.


Lepas tu, korang kena edit nama Form1 di atas. Contoh gambar di bawah.



Kemudian, untuk buat label, korang pergi tool di sebelah kiri. Korang klik LABEL (A). contoh gambar di bawah.

Bila korang dah klik Label (A) tu, korang klik kat Form1 (BOX DISPLAY) tadi. Maknanya, korang letak label dekat form tadi. Contoh gambar di bawah.


Kemudian, korang boleh edit nama pada Label1 tu. Korang juga boleh edit word, color, size. Contoh gambar di bawah.


Okey, lepas itu, korang pergi dekat tool balik. Korang cari dan klik TextBox. Lepas tu, korang klik kat form tadi. Contoh gambar di bawah.



Lepas tu, untuk buat button pula, korang pergi dekat Tool lagi, cari Button.
Klik button dan letak kat form. Contoh gambar di bawah. Kalau korang tak jumpa Button, korang kena klik COMMON CONTROLS yang saya kotakkan warna biru itu.


Kemudian, korang edit Button 1 tadi dengan nama, saiz dan warna pun boleh. Contoh di bawah.


Okey, lepas itu, korang kena pergi lagi dekat Tool, cari ListBox. Contoh gambar di bawah.



Sekarang, kita hampir ke langkah ketiga. Korang klik button DISPLAY dua kali sampai keluar tab di sebelah. Contoh di bawah.



KETIGA
Korang copy coding ini.

Dim Lines As Integer
        Dim add_asterix As String = ""

        Lines = CInt(txtCount.Text)

        For i As Integer = 1 To Lines
            add_asterix = add_asterix & "HELLO"
        Next
        ListTable.Items.Add(add_asterix)



Dah copy? Sekarang korang paste kan di antara code yang kosong. Contoh gambar di bawah.
Yang saya kotakkan warna biru tu, korang boleh tuka perkataan sendiri. Malah letak symbol seperti bintang, bulan, love, apa saja.



KEEMPAT
Bila korang dah letak coding tu, mesti korang Nampak error garisan biru di coding tertentu kan? Meh saya tunjuk kan kenapa ia jadi begitu. Baik lah, korang pergi kat form balik.

A)     Korang klik kat DISPLAY YOUR LUCKY NUMBER IN HERE. Kemudian korang kena ubah something di properties di sebelah kanan. Contoh gambar di bawah.
Korang kena ikut perkataan itu. Kalau tak jelas, tengok kat sini lblMessage


B)     Lepas tu, korang klik box di bawah. Kita buat kaedah yang sama. Contoh gambar di bawah.


Yang penting, mesti sebijik, serupa ok? Penting supaya tiada error. Nak lebih jelas perkataan, tengok sini txtCount


C)  Kemudian, korang klik lagi button DISPLAY. Kita akan ikut saja kaedah tadi. Contoh gambar di bawah.
Nak jelas lagi perkataan itu, tengok sini btnDisplay


D) lepas tu, kita sekali lagi klik kat LISTBOX1. Ikut kaedah yang sama. Contoh gambar di bawah.
Untuk perkataan lebih jelas, tengok kat sini ListTable
Semua dah selesai edit mengedit kan? Jom pergi langkah kelima.



KELIMA

Dah edit semua, pastikan tiada error okey? Kalau ada error, inform kat sana. Kalau takda, bagus sangat hehe..

Okey, kali ni korang kena display form untuk korang guna. Caranya, contoh di bawah.
Korang kena klik bentuk anak panah warna hijau tu untuk start dia punya function.


Sesudah korang klik dan tiada error, keluarlah display yang korang nak. Contoh gambar dibawah


Lepas tu, kalau korang nak tutup, just klik X button.

Apa lagi, habis ler hehehe…. SEMOGA BERJAYA!
Opsss……tapi pastikan, korang kena SAVE kerja korang tu juga ok? J

Sekarang pukul 12.02am.



Tips untuk mencantikkan box Display korang tu. Korang boleh tambah background macam saya punya box yang 1st picture tadi. Caranya macam ni.
First, korang kena klik kat kotak form tu.


Kemudian akan keluar box macam gambar di bawah.









Lepas tu, siap lah… Korang leh tengok dengan klik button hijau tadi. Tak tahu? Tengok step KELIMA.
Dah tu, siap lah hahaha… k, bye! Kita jumpa di tutorial yang lain erk? Maybe tutorial buat box untuk HACK FACEBOOK? Mana tahu kan hahahaha J




































TUTORIAL CS6 : CARA-CARA MEMBUAT GAMBAR SENSOR MENGGUNAKAN ADOBE PHOTOSHOP CS6

Hello semua... Kali ni, saya akan kongsi ilmu, ceh ilmu hehe... Semua mesti tau guna AP CS untuk membuat sensor gambar kan? Tapi kali ni, saya tunjuk pakai AP CS6. Okey lah, tanpa membuang masa, meh saya tunjuk kan caranya.

PERTAMA : Korang open Adode Photoshop CS6. Lepas tu, pergi dekat FILE ----> OPEN. Pilih je gambar yang korang suka. Macam ni ...


KEDUA : Lepas tu, korang klik tool  RECTANGULAR MARQUEE TOOL (M) di sebelah. Macam gambar di bawah ni.


KETIGA : Lepas tu, korang buat kotak dekat muka atau kat mana sahaja bahagian badan gambar yang korang pilih tu. Contoh macam di bawah.

KEEMPAT : Lepas tu, korang KLIK KANAN, pilih FEATHER. Contoh di bawah. 


Kemudian akan keluar box macam di bawah ni. Korang letak je mana suka nombor korang nak. Untuk pilih bentuk sensor di gambar. Contoh di bawah.

KELIMA : Dah tekan OK, pergi dekat FILTER --> PIXELATE --> MOSAIC. Contoh gambar di bawah.

Dah pilih? Kemudian akan keluar box di sebelah. Contoh macam ni.
Yang saya bulat dengan merah tu, korang leh tukar jew, ikut ketebalan sensor pada gambar. Dah set semua, klik je OK untuk melihat hasilnya.

Okey, dah siap kan? Hahahaha...



-Lepas ni, korang leh la wat muka sensor kat gambar orang lain-
- Model Gambar ---> Dani T-ARA trainee baru untuk group wanita korea T-ARA -










TUTORIAL : BUAT TRANSPARENT GAMBAR MENGGUNAKAN ADOBE PHOTOSHOP CS6

Hai semua... Tengok je tajuk korang mesti tahu macam mana nak buat transparent gambar kan? Biasanya korang buat guna CS3 , CS4, CS5 kan? CS6 pernah cuba lagi tak? Ni ha... Bingung saya buat trasparent gamabr guna ADOBE PHOTOSHOP CS6. Banyak saya search kat goole, susah betul mahu cari. So, saya try la buat sampai dapat. Jom, korang belajar dari saya yang tak seberapa pro ni hehe...

Nak try guna ABODE PHOTOSHOP CS6? Korang download jew kat sini. Klik link kat bawah.


Korang tengok sampai bawah. Mesti ada keluar macam ni kan? So, kalau nak cuba free trial selama 30 hari, korang klik jew yang saya bulatkan merah tu.


Kemudian akan download. Korang tau kan cari fail tu? Install jew setup.

Kemudian korang kena sign up. Agak lama la juga. Korang kena sabar lah. Loading ini itu. 
Lepas jew selesai semua, akan keluar folder macam ni.

Korang pilih paling atas. PHOTOSHOP CS5 dan klik INSTALL. 
Dah je install, akan terus keluar CS6 korang tu...

Biasanya akan keluar macam ni.
Korang klik je CONTINUE TRIAL


Ni lah rupa CS6, lawa kan?hahaha...

BAIKLAH, MARI MULAKAN DENGAN TUTORIAL YANG SEBENAR.

PERTAMA: Korang klik FILE -> OPEN (pilih gambar korang suka)

KEDUA : Korang pilih tool QUICK SELECTION TOOL

KETIGA : Korang tengok di atas, klik yang tambah tu. 
KETIGA : Dah klik? korang buat lah apa yang patut, klik kat gambar, ambik bahagian badan je ok? contoh dibawah

Dah buat kan? Lepas tu, korang pergi kat EDIT, tekan CUT.

KEEMPAT : Lepas tu, korang pergi kat FILE, tekan NEW. Background contents mesti WHITE ok? 
Lepas tu, klik OK.

KELIMA: Dah klik OK, akan keluar background putih. Korang pergi EDIT, tekan PASTE. Gambar yang korang dah cut tadi tu akan keluar kat background yang putih tu. Macam di bawah ni.


KEENAM: Lepas tu, korang pergi lagi kat FILE, tekan NEW. Tapi ingat, BACKGROUND CONTENTS MESTI TRANSPARENT. Lepas tu, tekan OK.

KETUJUH: Dah tekan OK, akan keluar lah background. Korang tarik tag yang ketiga tu keluar. Akan jadi macam ni.


KELAPAN: Lepas tu, korang tengok tool kat sebelah. Korang klik MOVE TOOL (V)

KESEMBILAN: Dah klik Move Tool (V) ? Lepas tu, korang tarik gambar kat sebelah ke tab transparent tu. Macam ni.

Kemudian, rupanya macam ni.

KESEPULUH: Lepas tu, korang tarik balik tab transparent tu kat atas. Tak tahu?? Macam ni bha... Tengok yang saya dah kasi merah tu...

Lepas tu, korang save gambar transparent ni. Tab yang lain tu, korang leh tutup tanpa save kan. Terpulang la kalau nak save. 
KESEBELAS: Korang pergi FILE, tekan SAVE FOR WEB.


Lepas tu, tekan SAVE. Korang save je kat mana-mana folder ok? Dah save, korang tengok lah. Tengok macam saya punya..

Lepas tu? Dah tamat la haha... Korang leh tambah perkataan pun...


-woooooooooo.........GOODLUCK ALL!- 





















LinkWithin

Related Posts Plugin for WordPress, Blogger...