Perbesar Ukuran Link Pada Saat Kursor di Arahkan

Oleh Ade Sanusi

9.14.2008

Bagikan :

Tweet

Apa yang terjadi saat Seorang pengunjung blog mengarahkan Kursornya ke Sebuah Link di Postingan Kita...? Gak terjadi apa apa kan....? Atau Sebagian teman ada yang Memodifikasinya sehingga sepertilampu disko. atau hanya berubah warna aja... Nah... kali ini Sedikit Tips nih... buat teman teman yang ingin sedikit membuat Blognya Beranimasi. mudah kok.

Untuk memodifikasinya terdapat pada code CSS blogger kita, maka dari pada itu mending teman-teman Masuk dulu ke Blogger kemudian Edit HTML gak perlu Klik Expand Widget template,

Nah Kalau Sudah Silahkan Cari Kode:

.post-body a:hover {

Jika Sudah ketemu Sekarang Tambahkan kode font-size: 150%; dan Pasang persis di bawah kode di atas

Perhatian :!! jika Sebelumnya, di bawah atau di sekitar kode di atas sudah ada font-size: normal; , font-size: 100%; atau yang ada font-size: ; Gak Usah menambahkan lagi kode yang warna ungu,  Cukup mengganti Nilainya Aja dengan Angka yang di inginkan...

Jika Ingin Menambahkan Animasi yang Lainnya Cukup tambahkan Salah Satu dari kode di bawah Ini:

text-decoration: overline; ada garis di atas link
text-decoration: line-through; garis di tngah Link
text-decoration: underline; garis di bawah Link
text-decoration: blink; efek blink

Sedikit Penjelasan, 150% ini angka yang menentukan Besarnya Huruf pada Link saat Kursor berada di Atas,,, /*150% dari ukuran normal */ Nih hasilnya : Klk Kanan dan View Image Supaya Ada Animasinya :d

Silahkan Coba dengan Link yang lainnya yang penting adalah kodenya yang memliliki a:hover Cukup tambahkan kode yang sebelumnya di berikan, Tetap Semangat, Maju terus blog Indonesia.

Tag : Tips and Trik, Unik