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);
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.
Nah ,sekarang sobat lihat hasil nya..!!!!semoga bermamfaat
No comments:
Post a Comment