Cara Membuat Link Miring Saat Disorot Mouse

 Untuk melihat live demo, arahkan cursor pada link dibawah ini :

•   Link Demo  (arahkan cursor pada link)

Cara Membuat Link Miring Saat Disorot Mouse :

Langkah 1 : Login pada blogger
Langkah 2 : Pada halaman Dasbor blog Anda, klik Rancangan => Edit HTML


Langkah 3 : Centang pada Expand Template Widget, berfungsi agar semua kode tampil didalam template.



Langkah 4 : Cari kode a:link { dan a:hover { , kode lengkapnya seperti dibawah ini :

a:link {color:#036887;text-decoration:underline;outline:none;}
a:hover {color:#D8542E;text-decoration:none;outline:none;}

NB :
Setiap template tentunya berbeda, silahkan sesuaikan cari kode yang mirip seperti kode diatas.

Tips : Untuk memudahkan pencarian kode gunakan tombol CTRL+F pada keyboard, ketikkan kode yang dicari kedalamnya.

Langkah 5 : Tambahkan kode dibawah ini setelah kode  a:hover {

font-style:italic;

Maka hasilnya akan menjadi seperti ini :

a:link {color:#036887;text-decoration:underline;outline:none;}
a:hover {font-style:italic;color:#D8542E;text-decoration:none;outline:none;}

Langkah 6 :  Simpan template

Selesai.