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/AVvXsEi-O3x9pPrXdA4xRFEQ0Qs8Ql0ww8nBw_83jlmiarpj_CCP0CvnLp7_J0RF51lZo4PC2EVN2zmQktz8pH8Lnu_0PRioqIVAgsujVzEpFIXrcdT4k3wx33ES6j4pqu84BjVY9G7FWkMwwl0/s1600/stars.gif);
5. Sehingga susunan kode CSSnya menjadi seperti berikut:
a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-O3x9pPrXdA4xRFEQ0Qs8Ql0ww8nBw_83jlmiarpj_CCP0CvnLp7_J0RF51lZo4PC2EVN2zmQktz8pH8Lnu_0PRioqIVAgsujVzEpFIXrcdT4k3wx33ES6j4pqu84BjVY9G7FWkMwwl0/s1600/stars.gif);}
6. Save template, dan lihatlah hasilnya… Menarik bukan? tampillah blog kita unik dari pada yang lain.
Tidak ada komentar:
Posting Komentar