Buat hover pelangi dengan CSS

Berbicara masalah CSS emang ga ada habisnya, apa lagi kode ini selalu melakukan pengembangan-pengembangan untuk mempermudah designer web/blog.

Hehehe...sotoy ni penulis...

Langsung saja ke TKP.

Coba kawan arahkan kursor mouse kawan pada judul postingan ini, lalu apa yang terjadi?? (yauda, terjadilah....hehhe)

Ingin bisa yang seperti itu, ikuti langkah demi langkah dan setapak demi setapak sedikit tutorial dibawah ini.

1. Pertama-tama kawan masuk (Login) dulu ke Blogger menggunakan akun yang kawan miliki.
2. Pada dashbor, kawan klik Rancangan.
3. Lalu klik Edit HTML.
4. Kawan cari kode CSS kawan yang ingin diberi background pelangi. Misalnya pada .post h1 a:hover, ini adalah tempat judul posting berada.
5. Tambahkan kode CSS ini setelah tanda { (kurung kurawal buka), background: url(http://www.dolliehost.com/dolliecrave/graphics/linkhovers/13.gif)
6. Jangan lupa buat tutup tagnya dengan ; (titik koma)
7. Save template/simpan template.

Jadi, simple banget kan...??

NB: "Jika kawan ingin merubah kode CSSnya di tempat lain seperti pada header atau footer, kawan tinggal cari kodenya dan ulangi lagi langkah 5.
 
Silahkan mencoba...dan....
Happy blogging....