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