Advertisement

19 June 2013 8:24 pm ♥ 0 Directioner(s)

Vas happening ! Yawww . Tutorial lagi ni . Hari ni aku nak ajar macam mana nak buat Magic Underline . I mean bila kita halakan cursor , ia akan hilang :) Cantik sangat . Aku dah try tadi . Korang pun patut cuba . Okayy jum kita start !

1. Pergi ke  design > template.

*untuk design sila cari salah satu kod dalam number 2 kat bawah ni :)

2. Tekan ctrl + f and search code kat bawah ni :

u, underline {

3. Dah jumpa? Tak jumpa , try cari salah satu daripada kod tuh . Then , copy code kat bawah ni.

4. Paste di bawah code yg korang cari di number 2 tadi ;)

text-decoration:none;border-bottom:
2px solid #F5DA81;
moz-transition: 0.5s;-webkit-transition: 0.5s;}
u:hover, underline:hover {border-bottom: 8px solid transparent;
-moz-transition: 0.5s;-webkit-transition: 0.5s;}

5. Preview & Save.
Senang kan ? Hehehe . Okayy . Bye bye !! *esok tak pergi sekolah.Weee!!

Thank you for visiting -Finn :) x

0 Comments

Post a Comment

Thanks for sharing your opinion ! :)

It's Finn ;)

Short Biodata

Name: Nurul Bariah
Known as: Finn
Age: 18 years young
State: London
Country: UK
Fav. Colours: Blue, Black and Red
Language: Malay and English
Hobby: blogging, Sleeping, Eating , Singing
Fav Quotes: I'm sleepy
Contact Me:

Likes

♥ One D
♥ Blogging
♥ Eating
♥ Singing
♥ Chocolates
♥ Forever Young
♥ Spongebob Squarepants
♥ Black+Red
♥ Sleeping
♥ Natural Beauty

Dislikes

✖ Anons, Haters
✖ Make up
✖ High heels
✖ The person who hates 1D

Vas happening ! Yawww . Tutorial lagi ni . Hari ni aku nak ajar macam mana nak buat Magic Underline . I mean bila kita halakan cursor , ia akan hilang :) Cantik sangat . Aku dah try tadi . Korang pun patut cuba . Okayy jum kita start !

1. Pergi ke  design > template.

*untuk design sila cari salah satu kod dalam number 2 kat bawah ni :)

2. Tekan ctrl + f and search code kat bawah ni :

u, underline {

3. Dah jumpa? Tak jumpa , try cari salah satu daripada kod tuh . Then , copy code kat bawah ni.

4. Paste di bawah code yg korang cari di number 2 tadi ;)

text-decoration:none;border-bottom:
2px solid #F5DA81;
moz-transition: 0.5s;-webkit-transition: 0.5s;}
u:hover, underline:hover {border-bottom: 8px solid transparent;
-moz-transition: 0.5s;-webkit-transition: 0.5s;}

5. Preview & Save.
Senang kan ? Hehehe . Okayy . Bye bye !! *esok tak pergi sekolah.Weee!!

Tutorials

Simple Template

By the way , if you knew how to edit the code, you can apply this to your blogskin :) Like I did with mine.

Tutorial : Kalendar Berentri

Tutorial : Kotak Komen Terbaru

Tutorial : Button Up Yang Kawaaiii

Tutorial : Hover Ikut Suka Korang 1

Tutorial : Scrollbar Berbackground

Tutorial : Cute Icon Before Online User

Tutorial : Highlight Tercantik dan Tercomel

Tutorial : Background Pada Post Entri

Tutorial : Tukar Font Comeyy Untuk Blog(Font Selain Template Designer)

Tutorial : Follow Blog Guna Image #One Direction

Tutorial : Letak Icon Comel Sebelah Komen

Tutorial : Letak Background Dalam Blog

Tutorial : Underline Bawah Post Title

Tutorial : Shake Image Hover

Tutorial : Follow and Dashboard Terbaruu!

Tutorial : Status Bersliding Slide

Tutorial : Status Bergerak *terbaru!

Tutorial : Magic Underline

Tutorial : Centrekan Header *basic

Tutorial : Spoilnya!!

Tutorial : Cute MP3 Player

Tutorial : Hide Page Source

Blogskin

Happy trying (!) I'm still new soo ;)

Tutorial : Letak Follower Widget Dalam Blogskin

Tutorial : Shake Image Hover

Tutorial : Follow Blog Guna Image #One Direction

Tutorial : Letak Icon Comel Sebelah Komen

Tutorial : Letak Background Dalam Blog

Tutorial : Status Bersliding Slide

Tutorial : Rapatkan Header Dengan Body

Tutorial : Magic Underline

Tutorial : Hover Image Keluar Perkataan

Tutorial : Letak Divider Bawah Post

Tutorial : Header Hover Bergerak Ke Tepi

Tutorial : Hide Page Source


Processing ...