Shadow Efek Link

Fullka Dot - 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




Semoga tutor ini bermanfaat