Caerwhizz.net

Showing posts with label tutorial. Show all posts

Tutorial : Melajukan Open Page Facebook

Assalamualaikum...hari ni nak berkongsi 1 tutorial bagi melajukan sistem processing untuk open page laman web sosial facebook...specialnya sebab korang masih boleh aktif ber"facebooking" though wireless connection agak slow...tapi sebelum tu make sure korang menggunakan browser google chrome sebelum follow step di bawah...

1) klik link >> facebook software

2) Web page akan keluar...klik button install untuk deactivated semua adds yang wujud kat wall facebook anda

3) So resultnya bakal jadi macam ni...sebenarnya page loading terlalu lama sebab adds ni sangat berat...so kalau connection slow memang lambat nak tunggu open page...finished !!

In case nak kembalikan page facebook macam sebelum install just klik new tab (ctrl + T)

1) Bila dah open just klik pada ikon spanar >> tools >> extensions

2) So anytime bila rasa dah rindu sangat nak tengok wall facebook macam sebelumnya korang bolehlah klik button uninstall tu...

Tutorial : Download Application Percuma di Android Market

Assalamualaikum...hari ni caer nak bercerita tentang android yang sudah mula mendapat kepercayaan user yang cintakan teknologi terkini....apa yang caer boleh cakap android memang friendly user dan sangat mudah nak download...dalam beberapa minit je macam2 application kita boleh download...ianya satu kepuasan bagi penggemar social network, kaki gamers, kaki baca manga untuk attach dengan gadget dorang sebabnya application ini menawarkan beribu2 application yang sememangnya cambest

Check out info mengenai Android 1 dan Android 2

1) Kalau anda menggunakan pc make sure korang dah buat connection dengan handphone atau ipad yang menggunakan application yang sama (android)....maksudnya kalau nak sign in gunakan id dan password yang sama...in case dah sign up sebelum ni korang just sign in macam biasa....

Antara application yang ditawarkan untuk user android...serius banyak

Specialnya browser ini menawarkan link dengan hasil search keyword yang sama....kalau select angry bird mesti ada je list game angry bird versi yang lain...so kita boleh decide nak download yang mana...sangat mudah kan !!

Selamat Mencuba !!

Tutorial : Membuat Clipping Mask !!

Assalamualaikum...hari ni caer nak berkongsi tutorial untuk membuat clipping mask dengan menggunakan software photoshop cs4...mudahnya clipping ni bermaksud memasukkan background ke dalam tulisan...so , jom belajar bersama2 caer !!

1) First step korang perlu ada software photoshop dan open seperti biasa...make sure korang tukar preset kepada saiz web...background content sila ambil transparent dan klik button ok..

2) Page tranparent telah dibuka..

3) Klik horizontal type tool ( T )

4) Mulakan menulis dalam kotak transparent tadi...korang boleh ubah font dan size font ( refer arrow di atas )

5) Sekarang klik file dan open...pilih wallpaper kegemaran korang untuk menjadi background font tadi..

6) Tekan butang rectangular marquee tool dan select keseluruhan wallpaper tadi...kemudian tekan butang move tool di bahagian atas butang tadi dan tarik wallpaper tadi ke page yang dikehendaki ( tempat font ditulis )

7) Tarik wallpaper tadi sehingga menutupi keseluruhan font..

8) Tekan right click pada layer wallpaper dan tekan create clipping mask

9) Step ni aktifkan layer pada tulisan tadi dengan double klik...korang boleh ubah stroke , drop shadow , outer glow dan bevel emboss supaya hasilnya kelihatan menarik...

10) Hasilnya memang menakjubkan dan sangat stylo...hehe

P/s : jika ada kemusykilan boleh drop komen ye...good news : alhamdulillah semalam caer bukak webpage nuffnang dan dapat buffered earning ke 13...hehe..tersenyum lebar semalam...penantian yang agak lama tapi sangat berbaloi...trimas nuffnang dan kawan2 semua !!

Tutorial : Membuat Show / Hide Button

Assalamualaikum...hari ni caer nak berkongsi satu lagi tutorial yang caer sendiri telah aplikasikannya di dalam blog....fungsi button show / hide ni adalah bertujuan untuk menjimatkan ruang di dalam blog dan boleh make sure blog menjadi simple serta kemas...tutorial ni caer tujukan buat sahabat2 blogger terutama buat blogger PERGH yang telah request tutorial pagi tadi...hehe...jom cuba !!

1) Login blog >> dashboard >> design >> add a gadget >> HTML / javascript

2) Masukkan kod di bawah dalam ruangan yang disediakan

<center><div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Ketuk" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Ketuk'; }" type="button" />
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">

( Korang boleh ubah perkataan "ketuk" dan "tutup" tu mengikut citarasa tersendiri )

3) Masukkan koding yang korang mahukan.Contohnya : shoutbox , post terkini etc

4) Masukkan koding di bawah ni sebagai penutup

</div></div></div></div></center>

5) Preview dan save jika sudah berpuas hati

P/s : sebarang pertanyaan boleh tinggalkan komen kat entri ni bagi memudahkan caer untuk membalas...selamat mencuba !!

Tutorial : Membuat Kotak Blockquote

Blockquote testing

Assalamualaikum...hari ni caer nak berkongsi satu lagi tutorial bagaimana nak menghasilkan kotak blockquote...caer rasa dah ramai blogger2 menggunakan kaedah ni untuk pelbagai tujuan...antaranya menghightlightkan isi2 penting , pengumuman , nota kaki dan sebagainya...so caer nak tunjukkan step2 untuk menghasilkan blockquote..check it out

1) Sign in >> dashboard >> design >> edit HTML >> tick expand widget template

2) Tekan CTRL + F

3) Cari kod

]]></b:skin> atau blockquote {

4) Masukkan kod di bawah ni di ATAS ]]></b:skin> ...jika menggunakan kod blockquote { masukkan kod ni di BAWAH

margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;

background: #66bbdd;

border: 3px solid #000000;
border-left: 3px solid #000000

5) Ubah mengikut citarasa korang macam mana >> KOD HTML WARNA

color: #000000;

background: #66bbdd;

6) Preview dan save jika berpuas hati

Tutorial : Kembalikan Facebook Layout Anda

Assalamualaikum...menjelang 21st century banyak social website ditubuhkan...antara website yang menduduki ranking pertama ialah facebook...recently facebook telah membuat sedikit perubahan pada layout dan ramai beranggapan layout terbaru ni tak kemas...

Facebook dengan layout baru

Facebook dengan layout lama

Ok sebelum tu caer nak kasik credit kat saudara Muzani sebab menyumbangkan info ni kat caer...trimas atas jasa anda..hehe

Cara pertama :

1) Login facebook anda

2) Klik pada profile page

3) Klik link ni : http://apps.facebook.com/?fb95_opt_out=1

Cara kedua :

1) Login facebook anda

2) Klik account setting

3) Deactivate account

4) Tick pada "this is temporary.I'll be back

5) Masukkan password anda

6) Masukkan confirmation text

7) Tunggu sehingga 10 - 15 minit

8) Login semula profile account anda

P/s : diharap tutorial ni sedikit sebanyak boleh membantu...jika tidak terdapat sebarang perubahan pada layout caer mintak maaf...apa2 pon better try dulu baru decide...selamat mencuba

Tutorial :Menghias Shoutbox Dengan Emotikon !!!

Assalamualaikum...hari ni caer nak berkongsi satu lagi tutorial yang sangat ringkas dan padat tapi menarik....tutorial ini diminta oleh saudari Mrs Jamal yang merupakan salah sorang peserta contest Aku & Ray Bon....ok atas dasar bantu membantu misi kali ni caer telah menyediakan tutorial ni...jom baca !!!

1) Open semula shoutbox korang dan tekan butang login

2) Login menggunakan id dan password sebelum ini bagi membolehkan shoutbox yang lama digunakan kembali....

3) Tekan butang smiley...refer gambar di atas

4) Step ni memerlukan korang meletakkan kod image dan emotikon tu berfungsi sebagai apa....contoh : Hai , singgah , jalan2 etc

Semua emotikon boleh disimpan dalam akaun >> Photobucket

5) Copy IMG code

contoh : [img]http://i820.photobucket.com/albums/zz124/caersasuke/20080602121239189704054000.png[img]

INGAT : buang kod [img] tu

6) Lepas dah masukkan emotikon dan meletakkan fungsi emotikon silalah save settings

7) Copy kod HTML shoutbox yang baru

8) add gadget >> HTML >> paste kod >> save

Kalau berminat nak menggunakan emotikon yang sama seperti caer sila copy kod image ni !!!

Semua saiz emotikon ni caer edit dengan menggunakan resolusi lebar 90 x tinggi 80....terpulang kepada saiz yang dikehendaki jika mahu mengedit emotikon ini....

p/s : format gif juga boleh digunakan bagi menampakkan emotikon bergerak....selamat mencuba

Tutorial : Blogroll Marquee

Assalamualaikum....petang ni caer nak berkongsi satu lagi tutorial yang sering blogger2 gunakan untuk memberi kekemasan pada blog...ada juga blogger2 yang menggunakan tutorial blogroll ni supaya dapat menjimatkan space...caer pon gunakan blogroll marquee ni atas alasan yang sama....ok caer tak mau nak mengomel panjang2....jom tengok tutorial ni...

1) Login blogspot >> add gadget >> edit HTML

2) Copy kod di bawah :

Korang boleh tukar scrollamount >> tukar kadar kelajuan blogroll marquee
Korang boleh tukar width dan height >> selalunya caer tukar height sahaja kepada 300
Masukkan kod url

3) Preview dan save

Ok selesai !!!

Tutorial : Membuat Watermark Dengan Menggunakan Perisian Photoshop

Assalamualaikum...hari ni caer nak ajar sahabat2 semua tutorial membuat watermark....kebiasaannya blogger2 kerap meletakkan url blog mereka pada setiap gambar yang dipertontonkan....ini sesuatu yang perlu jika mahu menghindari amalan plagiat dalam blog....ngeh3...maksud caer curi2 gambar orang lain untuk digunakan dalam entri blog...bestnya watermark sebab kita dapat pamerkan url blog dalam bentuk yang lebih menarik...jom ikut step2 ni....

1st : Klik butang CTRL + N >> tekan preset >> ambil clipboard >> Ok

2nd : Tekan right klik >> ambil ellipse tool

3rd : Selepas klik butang ellipse tool klik paths....sila refer ruangan anak panah yang menunjukkan arah navigation bar...

4th : Tekan right klik >> ambil horizontal type tool >> klik pada garisan bulatan supaya anda boleh menulis apa yang dikehendaki

5th : Visual sebenar kalau dah mula menulis

6th : Tekan CTRL + N untuk membuka page baru.....Klik butang file >> open

7th : Step ni korang masukkan gambar yang korang kehendaki untuk dijadikan watermark

8th : Selepas dah pilih gambar >> tekan right klik >> ambil elliptical marquee tool >> tukarkan saiz feather kepada 60px....berfungsi untuk menghasilkan imej yang blur pada tepi gambar