Text shadow timbul untuk link

سْمِ اللهِ الرَّحْمنِ الرَّحِيمِAssalamualaikum Wr. Wb . . .
Akhirnya bisa UPDATE juga, ok postingan kali ini saya akan bahas tentang Text shadow timbul untuk link yang gimana sih tuh text shadow timbul untuk link, coba anda arahkan kursor anda pada teks di bawah ini

SYSTEM OF BLOG

Nah Bagaimana sobat itu yang saya maksud efek timbul pada link, sekarang mengerti kan, ok kalau sudah mengerti kita langsung praktek,

1. silahkan masuk di blog anda.

2. klik rancangan

3. klik edit HTML

5. cari kode a:hover pada template anda

Setelah ketemu silahkan ganti kode nya dengan kode di bawah ini

a:hover {
color:#000;
left:-3px;
text-shadow:1px 1px #f00,
2px 2px #f00,
3px 3px #f00,
4px 4px #f00,
5px 5px #f00,
6px 6px #f00,
7px 7px #f00;
top:-2px;
text-decoration:none;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
}

Anda tau kan maksud saya di atas maksud nya hapus semua kode a:hover lalu ganti dengan kode di atas setelah itu SIMPAN TEMPLATE, nah bagi anda yang tidak ada kode a:hover nya silahkan anda simpan kodenya di atas ]]></b:skin> setelah itu SIMPAN TEMPLATE anda dan coba sentuh link yang ada di blog anda, kalau gak cocok silahkan utak atik lagi kodenya.
sekian dan wassalamualaikum wr wb..