Oke...Pada kesempatan kali ini, saya akan mensharingkan cara membuat Link menjadi lebih variasi dengan javascript scrolling, wah...bagaimana tuch...
Sebelum saya jabarkan panjang lebar, ada baiknya kita lihat samplenya dulu,
coba arahkan cursor anda ke ARAH SINI
Nah, setelah melihat contohnya, mungkin bagi anda ada yang ingin mencobanya, disini saya akan mensharingkan cara pembuatannya.
a.scrollover {
/* Warna pertama */
color: #000000;
}
a.scrollover em:first-line {
/* Warna kedua */
color: #FF0000;
}
</style>
Sebelum saya jabarkan panjang lebar, ada baiknya kita lihat samplenya dulu,
coba arahkan cursor anda ke ARAH SINI
Nah, setelah melihat contohnya, mungkin bagi anda ada yang ingin mencobanya, disini saya akan mensharingkan cara pembuatannya.
- Login ke Blogger
- Langsung masuk ke Tata Letak/Layout
- Terus Menuju Edit HTML, Sebelum mengedit template anda, sebaiknya anda mendownload template anda terlebih dahulu.
- Oke, cari code <head> pertama pada template anda
- Letakkan code berikut ini setelah code tadi
- Setelah itu cari kode ]]></b:skin>
- Tambahkan code berikut ini sebelum code tadi
a.scrollover {
/* Warna pertama */
color: #000000;
}
a.scrollover em:first-line {
/* Warna kedua */
color: #FF0000;
}
</style>
- Simpan Hasil kerja anda
- Jika semua tahap diatas sudah anda lakukan, Sekarang anda sudah dapat menggunakan hasil kerja anda tadi.
- Jika anda ingin menggunakan hasil kerja anda diatas tadi, pada code link anda sisipkan code berwarna merah seperti dibawah ini :
- Nah...sekarang coba test hasil kerja anda
Akhirnya nemu disini.. Thanks Ilmunya... Sederhana tapi banyak manfaatnya.
ReplyDelete