TUTORIAL: Cute MP3 Player

Cik Ain Membebel Lagi..

Assalamualaikum dan Salam Satu Malaysia.
Hari niy Ain nak buat tuto yang di request oleh Kak Ety.Ok dye tanye Ain macam niy.

Ok,macam mane bende yang di panggil Cute MP3 Player tu ? Cute sangat ke ? Tak de lah.Biase-biase jer.Tak caye ? Tengok gambar niy..

Cantik tak ? Tak cantik ? Korang boleh tukar kaler ape jer yang korang nak.Ok jom mulekan Tuto..Boleh "Pause" Kalau x nak dengar :D

1. Tekan MP3 Player.
2. And then dye akan keluar macam niy

 

3. Tekan yang Ain  petakkan kaler merah uh

4. CATEGORYtu tukar kepade kaler mcm yg di tunjukkan dalam gambar di bawah

5. Lepas tu..korang edit lah kaler ape yang korang suke..and bila dah edit..CATEGORY tu sila tukar kpd GANERAL balik


6.Lepas tu,yang AUTOPLAY tu pulak.Korang tukar dr 0 kepade no 1 mcm gambar di bawah..

7. Dan pergi ke SINI.
8. Sila taip lagu yang korang suka di bahagian SEARCH.
9. Bila dah jumpa lagu yang korang nak tu.Korang tekan.dan  Dia akan keluar macam niy.

 

 10. Besarkan kotak kod tu dan akan jd mcm niy

11. Cuba carik kod yang lebih kurang je macam kod yang Ain highlight tu.. (setiap lagu mempunyai kod yang berlainan di sebabkan tajuk dan nama artisnya)  

12. Kalau dah jumpe kod yang lebih kurang macam tu.Korang copy kod tu.

13. Dan PASTE kan dekat "mp3" mcm yang di tunjukkan di bawah.

14. Copy semua "HTML code" mcm dibawah

15. dan paste dekat HTML/JavaScript korang.

16. SAVE. Siap !

Fuhhh penatnye nak buat tuto ni..panjang tapi mudah kan ?

Nak request tuto ? Boleh je..Tapi dapat lambat sikit la..Hehehe ~ Suka tutorial & Freebies Ain ? CLICK HERE and like....thanks..

---

Sental lah sikit button LIKE tu . Kalau Artis korang laju je~ *perli*

---

Ditaip oleh Nurain Syuhada tepat pada 11:44 PTG 0 0 Comment

TUTORIAL: Bold Hover With Shadow (Two Version)

Cik Ain Membebel Lagi..

Assalamualaikum..
Clap..clap..Jyeah ! New entry.New tutorial.Dah lama Ain tak buat tutorial kan ? Oke,Ain nak share sikit tutorial niy.Tapi ade dua versi.So korang pilih lah mane yang korang suke.

Versi Pertama:
With Shadow Tak De Hover (OwhMyEnglish!)

Macam mane tuh ? Macam yang ditunjukkan diatas niy..

1. Dashboard >> Design >> Edit HTML >> Tick Expand Widget Templates
2. Dengan menggunakan "ctrl + F " search:
   

   b {

   
   
3. Copy kod dibawah
   
   

   text-decoration:none;
   text-shadow: 0 0 0.2em #FF33FF, 0 0 0.2em #FF33FF;
   padding: 0px;
   -webkit-transition: .5s;
   }

4. Paste kan kod tadi di bawah kod b {
5. Dan akan jadi seperti di bawah
   
   b {text-decoration:none;
   text-shadow: 0 0 0.2em #FF33FF, 0 0 0.2em #FF33FF;
   padding: 0px;
   -webkit-transition: .5s;
   }

Versi Kedua:
Kali niy ade shadow dan hover sekali :O

 

SEBELUM

Jika cursor di alihkan pade Bold text

1. Dashboard >> Design >> Edit HTML >> Tick Expand Widget Templates
2. Dengan menggunakan "ctrl + F " search:
   

   b {

    
3. Copy kod dibawah
   
   

   text-decoration:none;
   text-shadow: 0 0 0.2em #FF33FF, 0 0 0.2em #FF33FF;
   padding: 0px;
   -webkit-transition: .5s;
   }
   b:hover {
   color: #FFFFFF;
   -webkit-transition: .5s;
   }

4. Paste kan kod tadi di bawah kod b {
5. Dan akan jadi begini
   
   b {
   text-decoration:none;
   text-shadow: 0 0 0.2em #FF33FF, 0 0 0.2em #FF33FF;
   padding: 0px;
   -webkit-transition: .5s;
   }
   b:hover {
   color: #FFFFFF;
   -webkit-transition: .5s;
   } 
    

Dah siap preview dulu.Kalau dah jadi SAVE ! Mudah kan ?

Nota Kepala:
Yang di higtlight kan warna purple tu kod shadow dye.Kalau nak tukar Click Me !

Yang di highlight kan warna pink tu hover dye. Kalau nak tukar Click Me !

Suka dengan Tutorial & Freebies Ain ? Just Klik Here And Like ! Thank You ^^

---

Sental lah sikit button LIKE tu . Kalau Artis korang laju je~ *perli*

---

Ditaip oleh Nurain Syuhada tepat pada 5:25 PG 0 0 Comment

Cinta,Minat,Sayang Dan Suka

Cik Ain Membebel Lagi..

Sumber Pakcik Google kita ! 

Hah ini la hasilnya kalau kita banyak bertanya dekat Pakcik Google tuh.

Cinta
Kita memang mengharapkan dia menjadi milik kita. Segala apa yang kita buat, kalau buleh nak dia tahu.. dan kita sebuleh mungkin tak nak sakitkan hati dia. kita akan sentiasa berfikir tentang dirinya. (dalam erti lain : cinta di tujukan kepada seseorang yg kita selalu ingat dan mimpi.. Tanpanya kita akan rasa sunyi dan kita cintakan sepenuh jiwa dengan hati yg ikhlas kepadanya walaupun dia buat tak tau je)


Sayang
Kita memerlukan dia di masa kita mahukan seseorang untuk berkongsi rahsia dan kisah duka kita. selalunya kita akan sayangkan seseorang yang menjadi TELINGA kepada masalah kita. (dalam erti lain : sayang di tujukan kepada seseorang yang boleh membuangkan masa dia untuk mendengar dan memeningkan kepalanya dgn masalah kita dan kita jugak boleh menyakitkan hati dia kerana kita bukannya cinta kepadanya)


Suka 
Kita sukakan dia kerana dia kelakar. Dia happy-go-lucky. Bila bersama dengan dia, kita rasa nak tergelak sampai nak pecah perut. Tapi, kita taklah rindu sangat kat dia bila tak berjumpa seminggu…(dalam erti lain : suka di tujukan kepada seseorang yang boleh menjadi pelawak kepada kita. Kita akan suruh dia diam sekirangnya keng kita dah nak pecah…)


Minat 
Apa sesuatu pada dirinya yang menarik kita untuk mendekatinya.(dalam erti lain : minat ditujukan kepada seseorang yang ada sifat, peribadi atau barang yang kita mahukan… )

Tetapi kita kena ingat bahawa tanpa minat , suka dan sayang kita tidak akan CINTA pada seseorang itu…

Owhh kalau macam tu.Maknanya Ain cinta lah dekat dia.Kalau dah cinta.Mestilah ade Minat,Suka dan Sayang.Hmm Ain minat dia sebab dia comel.Ain suka die sebab dia comel.Ain sayang dia sebab die comel.Ain cinta die pun sebab die comel.Ehh boleh pulak macam tu kan ? Sebenarnya .. entah lahh.Kadang-kadang perasaan tu muncul sendiri tanpa kita sedari betul tak ? Cume nak share je..ok GudMorning dan selamat hari rabu :)

---

Sental lah sikit button LIKE tu . Kalau Artis korang laju je~ *perli*

---

Ditaip oleh Nurain Syuhada tepat pada 9:25 PG 0 0 Comment