Senin, 21 November 2011
Hohoho, saya kali ini akan membahas, bagaimana membuat link di blog anda, jika terkena mouse akan bertaburan bintang, kalau kayak gini jadi tambah cantik deh blog atau web kita.
Langsung cekidot aja deh !!
- Pertama, anda masuk ke blogger dengan ID anda
- Pada dasbor anda, silahkan pilih Rancangan
- Kemudian pilih Edit HTML
- jangan lupa centang Expand Template Widget
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:underline;
color: $(link.hover.color);
}
.content-outer {
background: $(content.background);
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 kode di bawah ini:
color: #00FFFF; 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 biru kayak contoh di atas kode warna nya #00FFFF bisa anda ganti dengan kode -kode warna lain nya DISINI
Jika udah anda kode script di atas maka tampak hasil nya seperti di bawah ini :
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
color: #00FFFF; text-transform: uppercase; font-weight: bolder;
font-size: 20px; background-image: url(http://i27.tinypic.com/2626vyh.jpg);
}
.content-outer {
background: $(content.background);
.content-outer {
background: $(content.background);
- Kemudian Simpan Template.
