June 04, 2009

Onmouse Over Link Effect

Onmouse Over Link effect, ini merupakan salah satu cara untuk sobat dalam membuat tampilan teks yang merupakan Text Link atau Hyperlink yang memiliki efek tambahan saat mouse menunjuknya (onmouse over). Sekarang coba sobat tunjuk judul pada salah satu posting pada blog ini, atau pada bagian Categories, Recent posting, pada sisi kiri blog ini.
Saat sobat tunjuk menggunakan mouse perhatikan bagaimana perubahan pada teks link tersebut. Secara sederhana seperti pada gambar berikut ini :

Sebelum di tunjuk mouse


Setelah di tunjuk mouse


(bukan perubahan ukuran gambarnya, tetapi tampilan teks tersebut secara nyata)dimana terjadi perubahan ukuran teks, dan warna background, saat mouse menunjuk teks link tersebut.Ok deh kita lanjutkan caranya ....


Untuk membuat efek pada teks link tersebut ikuti langkah berikut ini :
1. Login ke blogger sobat, masuk ke Tata Letak / Layout - Edit HTML
2. Copy script berikut ini dan Paste - kan setelah <head>

<style>
a:hover{color:red; font-weight:bold; font-size:18; background-color:black; }
</style>

3. Klik Save / Simpan Template

Sobat dapat memodifikasi script diatas pada color, font-weight, font-size, background-color sesuai dengan keinginan sobat.
atau
Jika ingin membuat sendiri silahkan sobat klik Disini

ikuti langkah-langkahnya yang pada akhirnya sobat akan mendapatkan Script-nya.

ok mudah bukan Selamat Mencoba ....!

catattan :
Semua Teks yang merupakan Hyperlink pada blog sobat akan mendapatkan efek ini.

2 komentar:

adi on November 7, 2009 at 11:44 AM said...

Ok sip deh..

Desta on May 27, 2010 at 10:18 AM said...

terima kasih

Post a Comment

 

Followers