Wicak ©_2013: Cara membuat efek 'tulisan ber-link' menjadi miring dan bergaris bawah pada link blog !!!
Home » » Cara membuat efek 'tulisan ber-link' menjadi miring dan bergaris bawah pada link blog !!!

Cara membuat efek 'tulisan ber-link' menjadi miring dan bergaris bawah pada link blog !!!

ScreenShot

Entah benar apa tidak judul saya diatas,. Yang pasti kali ini saya aka memposting bagaimana cara memberi efek contohnya sewaktu kita arahkan pointer kita kearah tulisan yang ber-link, maka tulisan tersebut akan menjadi miring.
Sebetulnya sih tutor ini sudah banyak beredar di berbagai blog orang lain,. Tapi alangkan baiknya kalo saya post di blog sederhana milik qu (wicak) ini.

Ya langsung saja ke TKP :

Efek Miring

1. Login ke blog
2. Pilih Rancangan > Edit Html
3. Cari kode a:hover { atau a:hover{     (sesuai blog anda )
4. kemudian anda tambahkan script berikut setelah kode diatas font-style:italic;


Jadi hasil akhirnya nanti seperti ini
a:hover{
font-style:italic; ........ }


atau

a:hover{font-style:italic;   .......  }

5. setelah itu tinggal simpan template dan lihat hasil akhirnya ...

Update 


Efek Bergaris Bawah

1. Login ke blog
2. Pilih Rancangan > Edit Html
3. Cari kode a:hover {
4. kemudian anda tambahkan script berikut setelah kode diatas text-decoration: underline;

Jadi hasil akhirnya nanti seperti ini
a:hover{
text-decoration: underline; ........ }


atau

a:hover{text-decoration: underline;   .......  }

 5. setelah itu tinggal simpan template dan lihat hasil akhirnya ...


Selesaiiiiiiiiiiii

Hanya Tambahan
Kalo kamu pengen Link Blog mu Ber efek Miring dan garis bawah, gabung kan saja script diatas
Dan nanti jadinya kayak gini :

a:hover {
font-style:italic;text-decoration: underline;
}

atau

a:hover {font-style:italic;text-decoration: underline;}

1 Respon:

MR.xxx mengatakan...

http://yabetul.blogspot.com/

Posting Komentar

Online: