Cara Mudah Membuat Efek Bayangan Pada Link di Blog

Cara mudah membuat efek bayangan di blog pada link. Dimana kita akan melihat bayangan disetiap link hidup yang kita buat. Misalnya kita membuat link untuk artikel terbaru, maka dari itu setiap kali mouse kita mengenai link tersebut maka akan terjadi perubahan seperti bayangan. Dalam hal ini cukup baik digunakan untuk membedakan link hidup dan mati.

Dengan penjelasan sederhana diatas maka akan kita bahas lebih lanjut lagi tentang efek bayangan tersebut, dimana efek bayangan ini bisa anda atur dan rubah sesuai dengan keinginan anda sendiri sperti ukuran bayangan maupun warna bayangan, semua bisa anda atur dan yang jelas menurut pengalaman saya ini tidak membebani loading di blog kita.

Bagi sahabat yang ingin memasangnya maka bisa langsung saja dilanjutkan pembahasanya dibawah ini.

Cara Mudah Membuat Efek Bayangan Pada Link di Blog.

1. Silahkan masuk ke blogger anda.

2. Masuk kebagian dosbar => laman template => Edite HTML.

3. Setelah masuk ke template editor blogger maka carilah kode dibawah ini dan sisipkan kodenya(Baca : Cara Mencari Kode di Template Editor Blogger)

Carai kode dibawah ini

a:hover {
color:#FFFFFF;
text-decoration: underline; }

Sisipkan kode text-shadow:3px 3px 3px #0174DF; dan hasilnya seperti dibawah ini

a:hover {
color:#FFFFFF;
text-decoration: underline; }
text-shadow:3px 3px 3px #0174DF;
}

Jika menggunakan cara diatas masih gagal atau tidak tersedia kode tersebut di template editor blogger anda, maka masih ada solusi lain yaitu menggunakan cara berikut ini. Meski sistem penerapanya sama hanya odenya yang sedikit berubah.

Cari kode seperti dibawah ini

a:hover{
color:$(link.hover.color);
text-decoration:none;
}

Sisipkan kode text-shadow:3px 3px 3px #0174DF; dan hasilnya akan seperti dibawah ini.

a:hover{
color:$(link.hover.color);
text-decoration:none;
text-shadow:3px 3px 3px #0174DF;
}

Ket :
3px 3px 3px (Ukuran bayangan)
#0174DF; (Kode Warna)

Bila anda ingin mengganti warnaya bisa dilihat dihalaman berikut Kode Warna.

4. Selanjutnya setelah anda selesai melakukan editing dan sesuai dengan bentuk dan keinginan anda maka bisa disimpan langsung.
5. Selesai.

Demikianlah cara membuat efek bayangan pada link di blog. Harap diperhatikan agar mengurangi kesalahan maka anda saya sarankan untuk memback-up template anda terlebih dahulu untuk mengurang jika mana terjadi kesalahan, atau pratinjau terlebih dahulu sebelum menyimpan secara permanen.

Semoga bermanfaat untuk yang membutuhkan.

Sekian dan salam jabat tangan.