Cara Membuat Animasi Text Miring Pada Link.

Dulu seingat saya wikipedia pernah menerapkan ini, dan memang dengan membuat efek pada sebauh link membuatnya menjadi menarik untuk di klik, salah satu trik yang akan saya bahas adalah membuat animasi text link miring pada hover (link berubah miring saat di sorot mouse).

Kalau Anda mau mencoba atau iseng-iseng silakan ikuti trik ini :

• Login ke blogger
• Klik Rancangan
• Edit HTML
• Cari kode a:hover {
• Jika sudah ketemu anda tambah kode di bawah ini ke dalamnya seperti

font-style:italic;

Lalu tambahkan kedalam kode a:hover {
sehigga hasilnya jadi mirip ini :

a:hover{font-style:italic;

..} 

Mudah bukan? Anda hanya perlu menyelipkan kode font-style:italic; di sebelah  a:hover {
Selamat mencoba.

Artikel Terkait:

Blogger

• Cara membuat tombol minimize dan maximize
• Cara Membuat Daftar Isi Dengan Jquery
• Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse
• Cara Membuat Link Bergoyang Dengan Javascript
• Post Populer dengan Animasi
• Konten Bundar Slide
• Cara membuat Label cloud berputar di blog
• Putar Gambar dengan CSS3 tanpa Javascript
• Pasang Modus Hemat Energi di Blog
• Membuat Tombol Top Up
• Gambar Dengan Efek Zooming di Blog
• Kotak Text Area Dengan Tombol Select All
• Cara Membuat Browser Berputar
• Cara Membuat Efek Coret Pada Postingan
• Image Gallery Menggunakan Jquery 1.4.2
• Cara Menampilkan Favicon Di Semua Browser
• Cara Membuat Random Post Di Blogger
• Cara membuat Artikel Terkait Dengan Gambar/Thumbnails
• Cara Mudah Pasang Emoticon Di Kotak Komentar
• Cara Pasang Head Line News
• Membuat Artikel Terkait Dengan Fungsi Scroll
• Cara Membuat Fitur Reply Pada Kotak Komentar
• Cara Mudah Membuat Recent Post Bergambar Dengan Efek Naik Tangga
• Cara menampilkan Icon Di Judul Postingan
• Memanipulasi Tampilan Jumlah Komentar