Dalam postingan ini saya coba untuk membuat sebuah link yang kalau
terkena mouse tulisan tersebut langsung kelap kelip kayak pelangi ,kalau
kayak gini jadi tambah cantik deh blog atau web kita.
Terus gimana cara nya..?
- Masuk ke blogger dengan ID anda
- Pada dasbor anda, silahkan pilih Rancangan
- Kemudian pilih Edit HTML
- jangan lupa centang Expand Template Widget
- Setelah itu, silahkan anda cari kode seperti ini hover
a:visited {text-decoration:none;color: $(link.visited.color);}a:hover {text-decoration:underline;color: $(link.hover.color);}.content-outer {background: $(content.background);
- Setelah ketemu, silahkan ganti kode yang berwarna merah dan tebal dengan kode di bawah ini:
color: #00ff11; text-transform: uppercase; font-weight: bolder;
font-size: 20px; background-image: url(http://i27.tinypic.com/2626vyh.jpg);
NB : Sobat bisa memilih warna pelangi nya dengan kode warna lain
nya yang di letakan di tag color yang berwarna hijau kayak contoh di
atas kode warna nya #00ff11 bisa anda ganti dengan kode warna lainnya.
Kode script di atas maka tampak hasil nya seperti di bawah ini :
a:visited {text-decoration:none;color: $(link.visited.color);}a:hover {
color: #00ff11; text-transform: uppercase; font-weight: bolder;font-size: 20px; background-image: url(http://i27.tinypic.com/2626vyh.jpg);
}.content-outer {background: $(content.background);
- Kemudian Simpan Template.
NB : Sebelum ada menyimpan hasil modifikasi kode tersebut di
usahakan terlebih dahulu simpan dan download templete anda atau
pratinjau terlebih kalau sudah bener baru di simpan templete dahulu
untuk menghindari error yang terjadi dalam html
Nah ,sekarang sobat lihat hasil nya..!!!!semoga bermanfaat...
