Menambahkan Effect Pada Saat Kursor Menyorot Link Blog

Sebelumnya Saya sudah pernah Posting tentang "Cara Membuat Effect Bintang Pada Link Blog", "Cara Membuat Effect Pelangi Pada Link Blog", "Cara Membuat Effect Bayangan Api Pada Link Blog", dan "Cara Membuat Link Bergerak", dan kali ini Saya akan Posting tentang "Cara Menambahkan Effect Pada Saat Kursor Menyorot Link Blog". Sebenarnya Tips kali ini kurang lebih, samalah sama Tips yg sudah2, yaitu sama2 Memberi Effect Pada Link Blog, hehehe. OK lanjut ke langkah-langkahnya.


[1]. Pertama pastinya Login dulu ke BLOG Kalian.
[2]. Trus dari Dasbor, cari Template --> Edit HTML.
[3]. Lalu cari Code a:hover { atau a:hover{ kira-kira Codenya seperti di bawah..
a:hover {
text-decoration: underline;
color: #ff0000;
}
[4]. Sekarang Kalian pilih salah satu Effect di bawah.
A. Effect Coretan dan Bayangan.
CODE-NYA :
a:hover {
  text-decoration:line-through; text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}
B. Effect Coretan dan Warna Background
CODE-NYA :
a:hover {
  text-decoration:line-through;color:#FF0000;background:#58ACFA;
-webkit-transition:all 1s ease;
}
KETERANGAN :
* Code2 yg berwarna Biru, Kalian bisa menggantinya sesuai dengan keinginan Kalian. Code Warna HTML...? Klik Di SINI.
[5]. Nah kalau sudah Kalian pilih sekarang kembali ke Code a:hover { atau a:hover{. Sekarang Hapus Code tersebut dan Ganti dengan Code di atas. (Effect yg sudah Kalian pilih).
[6]. Terakhir tinggal Kalian SIMPAN dan lihat hasilnya.
OK, sekian dulu Tips Blogger kali ini (Cara Menambahkan Effect Pada Saat Kursor Menyorot Link Blog), Semoga Tips kali ini bermanfaat buat Kalian Semua.

No comments:
Write komentar