Cara 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.

Salam Blogger Indonesia.

6 komentar:

wayan edi sudarma mengatakan...

gan bleh copas tutorial blog na gag????

Ngurah Jumaika mengatakan...

@wayan edi sudarma : boleh gan, tpi sertakan sumbernya ya...

Azriadian El Haq mengatakan...

matap gan,,

Ngurah Jumaika mengatakan...

@Azriadian El Haq : thank's gan atas kunjungan dan komentarnya...

yoga nexer mengatakan...

mantap lah .. mas

bang blog anda sudah saya follow .. jangan lupa follow back .. oke kalo blogger sejati ..

http://yogabanser.blogspot.com/

makasih

Rifai Al Farizi mengatakan...

gan ada gak kalo effect coretannya aja?

Posting Komentar