Menampilkan Efek Bintang Pada Link menggunakan CSS

Tampilan blog yang menarik bakal jadi daya tarik tersendiri buat pengujung blog kita. Apa lagi kalau blog kita penuh dengan sesuatu yang unik. Salah satu yang unik adalah membuat link pada blog kita menampilkan efek bintang berkedip ketika pointer mouse melewati atau berada di atas link tersebut. Kita hanya perlu memodifikasi CSS blog kita untuk menerapkannya. Berikut caranya:

1. Log in ke akun blogger jagoan

2. Masuk ke Racangan dan kemudian klik edit HTML

3. Cari kode a:hover {

4. Sisipkan kode berikut

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit5kx1W3UUHKtCH-fOXSC7El5ueYJCj5ddUP4hbfwPuLm9AgX8GtFjODm3wUj-K3pwasKy7QWdWO6Vm7pX0odaRypCQfZqC_AGwCrndVXWs2GIetmuHg4MI3G6UZW9v0id49NfNYCg8fg/s1600/stars.gif);

5. Sehingga susunan kode CSSnya menjadi seperti berikut:

a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit5kx1W3UUHKtCH-fOXSC7El5ueYJCj5ddUP4hbfwPuLm9AgX8GtFjODm3wUj-K3pwasKy7QWdWO6Vm7pX0odaRypCQfZqC_AGwCrndVXWs2GIetmuHg4MI3G6UZW9v0id49NfNYCg8fg/s1600/stars.gif);}

6. Save template, dan lihatlah hasilnya… 

Menarik bukan? tampillah blog kita unik dari pada yang lain.

tinggalkan coment yah gan...