*

About Me

Rabu, 30 Mei 2012

Cara membuat Shadow Efek Link


Dihari yang mulia ini saya akan share sebuah tutor blogger yang sangat dicari-cari oleh sobat-sobat blogger. Sebenarnya dulu sudah share tutor ini,tapi pada tutor kali ini agak sedikit berbeda, menurut saya lebih baik menggunakan tutor yang ini dari pada yang dulu saya share. Nah seperti apa sih cara membuatnya langsung saja jangan pakai basa basi lagi cekidot...



Langkah-langkah:
1.Masuk ke:



  • Untuk Dashboard Baru Masuk : Blogger

2.Cari Kode : a:hover




          Bila Dilihat selengkapnya : a:hover{color:#01DF01;text-decoration:underline}



3.Ganti kode tersebut menjadi kode dibawah ini


a:hover{color:#FF0000;text-shadow: 0 0 0.5em #FFEE00,0 0 0.5em #FFEE00;text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}
4.Kemudian Simpan dan liat hasilnya



Keterangan:

1.Semakin banyak kode 0 0 0.5em #FFEE00 Akan semakin tebal Shadow/Bayangan yang dikeluarkan contoh:


a:hover{color:#FF0000;text-shadow: 0 0 0.5em #FFEE00,0 0 0.5em #FFEE00,0 0 0.5em #FFEE00,0 0 0.5em #FFEE00;text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}
Jangan lupa menbahkankan tanda 'KOMA' yang bewarna biru.

Selamat Mencoba, dan jangan Lupa tinggalkan Komentarnya.!!

0 komentar:

Pengikut

 
Copyright© 2011 ⓑⓛⓞⓖ ⓐⓝⓐⓚ ⓡⓐⓝ-©-ⓠ | Template Blogger Designer by : Utta' |
Template Name | Uniqx Transparent : Version 1.0 | Zero-Nine.Net