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

July 9, 2010

Tutorial Comelkan Post Title

Salam Sayang..

Okayh budak²,hari ni i nak buat tutorial yg direquest..tutorial comelkan tajuk post entry,pehhhh tajuk nak hebat je kauuu. Tp i rasa dah ramai sangat kot buat tutorial nih,sebab i pon ikot tutorial bercampur² & then menjadi la macam tuh...So xrugi klu i nk kongsi suma tu ngan korang kan,bak kata sharing is caring kan kan kan. Amalkan konsep cenggitu bru dapat jadi blogger berjiwa raga,haha. okei jom sape² yang rasa nk menghasilkan post title yg sebegini rupa sila fokus betul coz berkemungkinan i akan menggunakan ayat yg tunggang langgang..


contoh

1.P kat Dashboard > Design/Layout > Edit Html | Klu benda basic ni pon tatau,sila search dlu tutorial nk buat blog |
2.Sila download full template dulu bagi mengelakkan blog korang jadi hura hara,pastu tapasal² kena buat semula semua..
3.Tandakan dekat kotak Expand Widget Templates.
4.Cari code | CTRL+ F|
.post h3 {
5.Pastu replace kan code dibawah yg i kasi ni di bawah code langkah ke 4 tu.



.post h3 {
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:black0;
text-transform: bold;
text-align: left;
margin: 0 0 20px 0;
padding: 10px 42px ;
background:url(MASUKKAN URL) no-repeat left top;
border-bottom:dotted 1px #000000;text-shadow: black;

}


6.Korang pastekan URL icon yg korang pilih dekat yg i bold tu eh.
7.Untuk line bawah title tu ikot ska korang la nk dotted ke dashed ke solid ke tukar je jat situ,pastu yg #000000 ni korang tukar dgn colour pilihan.
8.Code colour bleh dapatkan kat SINI.
9.Dah siap klik Preview dulu,if dah puas hati baru SAVE.
10.Tinggalkan komen lepas dh buat,nk tgk jugak..agak xpaham tu,jangan segan tanya okeii.




UPDATE:korang ejas margin n padding ikot blog korang...if xjd,korang leh refer tutorial len coz i buat ikot blog i..

July 1, 2010

Transparent Header : Hasil² Buatan

Salam Julai sayang²

Sebenarnya kan kan kan,i wat entry ni juz nk tunjuk hasil kerja i je..bkn nak menunjuk tp nak tunjuk,di sebabkan i  ni suka bab² photoshoot. So i kembangkan lg idea i kepada kawan² lawan² sayang² i..sebelum ni i ada buat header transparent kan,klu tatau nahh haa Tutorial Header Transparent ,cuma i xajar sehabis detail sebab i juz tau basic je. Yang lain nye suma i google² pastu try buat & jadi..Now mmg ramai sgt kan sukakan header transparent nih..nampak lebih kemas,haahhh ye la tuh..Minggu ni je i dapat byk tempahan wat header nih,fuhhh mmg masyuk la..tp i xkenakan bayaran pon,juz sronok² je buat..serius mmg besh bila reti buat..tambah² klu idea datang mencurah² plus dapat plak pic yg santek ag moleks kan..haha,okei jom i publish beberapa koleksi yang i dah buat..








p/s:nak jugak??add i kat fb pastu pm i..

May 31, 2010

Tutorial Video player as MP3 player

Sorry cyg² aku terpaksa privatekan entry tutorial ni sebab tersangatlah serabut okayh,so sape² nak tengok tutorial ni masukkan password fyka89 okayh. tq ...


IF XJADI MCM YG SAYA BUAT,BOLEH RUJUK KAT BLOG NI


http://tutorialuntukblog.blogspot.com/2010/03/youtube-video-player-kepada-mp3-player.html











February 13, 2010

Tutorial 4 - Cute Cursor & Sparkle Cursor

okayh,kali ni aku nk wat tutorial Cute Cursor & Sparkle Cursor atas permintaan beberapa membe aku. Btw dah byk blog wat tutorial ni, tp xsalah kan klu aku nk wat..Lets Check it out

Langkah²:
Cute Cursor

1.Pilih Cursor yg korang ska kt E G O - B O X .
2.Copy code cursor tuh & then korang paste kan kt HTML/JavaScript.
3.Pastu try view jd ke x, klu x inform eh.

Sparkle Cursor

p/s: Download full template dlu, karang xjd nyesal lak.

1.Pesli korang download code sparkle nih dulu.
2.Pastu bkak file zip tuh & then bkak coding tuh as notepad.
3.Bkak Layout-Edit HTML ,cari code head
4.Copy code kat notepad tuh && paste kan kat atas code head tuh tau
5.Carik code ni plak var colour="red"; yang red tuh korang leh tukar warna pebret korang.
6.Last, korang preview lu jd ke x. Klu dah jd bru Save.

Haaah siap pon,tutorial ekpress punyerr lah. Tade pic lgsung, so klu korang xpaham bleh la buzz aku kat chat box or comment box nih. Slamat Mencuba.


January 7, 2010

tutorial #2 Header Transparent

okayh ye kwn² today kite blaja bab 2 utk subjek tutorial tau, hehh buang tebiat btol cikgu xbertauliah ni. stop,stop fyka dr membebebebel.

fyka says:ok i mengalah, i serius nih.



credit to:kakrara

aku blaja wat header nih dr blog akkrara sicomel hello kitty ni, blog dye mmg terbaek wok. haa,ni salah satu blog aku ckp aku nk riview tuh. 1st masok blog ri tu tros aku ari2 msok wlupon kdg2 dye ta update.



di request:dik mieya

ni lg 1 blog yg menjadi inspirasi aku, blog dye pergh comel gler wei. mcm tuan dye yg dah mcm ank patung dah aku tgk.



langkah²:


1. Pastikan korang ade adobe photoshop okayh,xkira la version bape. & then korang bkk la.
2. Pegi kat File & amik New, pastu dye ade kuar mcm pic kat bawah ni kan. korang setting kat situ.


Name:[korang letak je nama ape korang nk]
Preset :[yg ni korang pilih je camne korang nk]
yg bahagian ukuran tuh jgn kacau
Background Contents :[yg nih peranan utama , korang pilih yg trasparent]
advanced:[pon jgn kacau]


klik utk besaq

3. Pastu korang pndai2 sndri la eh decorate korang punya header, aku pon tabape expert sgt.
4.Klu tatau camne nk masokkan pic2 korang, korang jgn malas2 nk search tutorial camne nk guna adobe photoshop nih kt mr google.


klik utk besaq


5. Bila da siap korang save kan, tp ingt jgn save as camtu je. guna Save for Web or Devices.
6. Save dgn GIF & JPEG tau, mane2 pon tape.
7. Try la Upload kat Header korang, View & tgk berhasil ke x!!


klik utk besaq
p/s:maaf la mieya if tutorial sis nih xbape nk lengkap && xdifahami, ini je sis termampu..ngee~


Selamat Mencuba

December 22, 2009

tutorial #1 nk letak SNOW d blog

ok,ni pes tutorial from me yg d request oleh adik irine comel,hehe..
camne nk wat snow kat blog kan..

1.Mcm besa la eh,korang log in dlu la...
2.Korang klik kat layout && then g kat Add a Gadget-->HTML Java Script



3.Klu bleh,amik Add a Gadget tuh kat bahagian atas tau..
4.Paste kan code nih kat HTML Java Script

<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript">
/************************************************ Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/* Please keep this notice intact***********************************************/</script>


5.Last skali korang save & tgk hasilnye..jd ke x!!!klu x jugak,gtaw aku eh...



.kerjasama anda amat dihargai.

December 20, 2009

tutorial

salam...
mulai ari ni fyka nk kongsi pengetahuan ngan kwn2 suma..
sape2 yg ase nk request ape2 tutorial..
boley la tinggalkan komen kat post or chatbox eh..
insyaallah,klu fyka tau wat benda tuh..
fyka akan tlg ajarkan..
bereh suma..
bye..