Efek Bintang Pada Link menggunakan CSS

Ingin punya blog menarik? coba arahkan kursor mouse sobat ke link banyak bintang-bintangkan. Itu daya tarik yang bisa mengundang para pembaca. Kini Indahnya berbagi http://sulaemanksn.blogspot.com ada tips membuat 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 Indahnya Berbagi

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/AVvXsEhmMEV6XWlgdtT9fDijMJBUKfnctAXQVlBgr-CNoMtdiIUC1CHJ3YAUd2YYmvPZDHHmko63wOQUbiRZ_gGHlVd-KnbXx_HhT6JAMhLtJFdAHR4IPeyi1ODjl4XebSE_CSfe17vZofPvKPU/s1600/stars.gif);

5. Sehingga susunan kode CSSnya menjadi seperti berikut:

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

6. Save template, dan lihatlah hasilnya… 

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

Thank's for reading the article of sulaemanksn.blogspot.com. Please give us your support and advice with your comment. Do not forget to click one button below to share. Life for sharing...