Berkelana 86: Shadow Efek Link

TB-Tutor.Blog - 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 » Edit HTML » Centang Expand Widget
Untuk Dashboard Lama Masuk : Blogger » Rancangan » Edit HTML » Centang Expand Widget

2.Cari kode seperti dibawah ini

a:hover{color:#333; text-decoration:none; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out}

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