Cara Membuat Efek Shadow Pada Hover Link Dengan Mudah

nongool.com - Wed 22/01/2014 Cara Membuat Efek Shadow Hover Link Dengan Mudah. Sebelumnya teman-teman ada yang tau apa itu efek shadow pada hover link ?. Oke saya akan jelaskan sedikit tentang pengertian efek shadow pada hover link. Efek shadow pada hover link adalah efek bayangan pada link, jadi jika suatu link itu  disentuh oleh cursor mouse maka dia akan memberikan efek bayangan pada link tersebut dan bisa teman-teman liat seperti gambar yang ada dibawah ini.

Nah dipostingan saya kali ini saya akan membahas tentang cara membuat efek shadow pada hover link dengan mudah.

Yang pertama teman-teman harus lakukan pastikan teman-teman sudah login di blog.

Dan langkah yang kedua adalah klik menu Template dan pilih Edit HTML.

Oke jika sudah, cari code a:hover biar lebih cepat gunakan Crtl (Control) + F dan untuk lebih jelasnya codenya seperti yang dibawah ini.

a:hover {color: #E8EBEE;}

Jika sudah ketemu pastekan code text-shadow:1px 1px 1px #000000; diantara code diatas dan untuk lebih jelasnya nanti codenya akan jadi seperti ini.

a:hover{color: #E8EBEE; text-shadow:1px 1px 1px #000000;}

Dan untuk code warnanya #000000 ini bisa teman-teman ganti sesuai kesukaan teman-teman. Cek disini untuk code warnanya.
Jika sudah langkah terakhir Save Template. Selesay!

Jika ada yang kurang jelas dipostingan ini silahakan teman-teman langsung tanyakan dengan berkomentar dibawah ini atau lewat chat box.
Mudah-mudah artikel tutorial blog Cara Membuat Efek Shadow Pada Hover Link Dengan Mudah ini bisa membantu dan bermanfaat untuk teman-teman.
Note: Jika teman-teman menyukai artikel tutorial blog Cara Membuat Efek Shadow Pada Hover Link Dengan Mudah ini silahkan tinggalkan jejak teman-teman dengan cara berkomentar dibawah ini atau share it via Google+, Facebook, Twitter, dll.
Terimakasih!

Created By : Unknown - www.nongool.com

Anda sedang membaca artikel tentang Cara Membuat Efek Shadow Pada Hover Link Dengan Mudah.Jika anda suka artikel ini, anda dapat share artikel ini dengan disertakannya link yang sesuai dengan postingan ini sebagai sumbernya. silahkan copy link dibawah ini:

https://nongool.blogspot.com/2014/01/cara-membuat-efek-shadow-pada-hover.html
- Hak cipta pemilik -

--- www.nongool.com ---

Description: Cara Membuat Efek Shadow Pada Hover Link Dengan Mudah
Rating: 4.5