Senin, 14 November 2011

Text shadow timbul untuk link


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. caranya cukup mudah anda hanya perlu menambahkan kode css link di bawah ini di atas kode
]]></b:skin>

a:hover { 
color:#000; 
text-shadow:1px 1px #f00, 
2px 2px #f00, 
3px 3px #f00, 
4px 4px #f00, 
5px 5px #f00, 
6px 6px #f00, 
7px 7px #f00;
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;
}

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.