Sabtu, 04 Agustus 2012

Hilangkan Garis Bawah Link Pada Template Berbeda

Anda semua pasti pernah mengalami hal demikian: jika anda telah selesai membuat atau mengganti template blog, maka jika anda mengarahkan kuror anda kesebuah link yang terdapat di blog anda tersebut anda akan melihat garis bawah pada link tersebut dan jika anda menganjakan kursor anda dari link tersebut maka garis bawah tadi akan hilang

nah kalau anda merasa tidak nyaman dengan keadaan tersebut, maka anda dapat menghilangkan garis bawah pada link itu dengan mengikuti tutorial berikut ini :

1. masuk duluh ke blogger.com

2.sesampainya di Dashboard klik [Tata Letak] >> [Edit Html]

3.sesampainya di kotak pengeditan HTML cari kode berikut ini :

A.
(Kode A)


a:hover, a:active {
color: #3C78A7;
text-decoration:underline;
}


atau cari kode seperti ini :

B.
(Kode B)

}
a:hover {
color: #A91B33;
text-decoration: underline;
}


4. jangan heran kalau kode yang saya sarankan untuk anda temukan di atas berbeda-beda. karena memang berbeda template berbeda pula jenis kodenya. nah kalau salah satu dari kode yang saya berikan diatas udah
ketemu, maka ubah salah satu kode yang berwarna merah di atas dengan kata : none dan hasilnya kira- kira akan menjadi seperti ini :
A. (Kode A)
a:hover, a:active {
color: #3C78A7;
text-decoration:none;
}

B. (Kode B)

}
a:hover {
color: #A91B33;
text-decoration:none ;
}

5. kalau sudah selesai klik tombol Save Templates

keterangan :

1. yang terpenting adalah di bagian kotak edit Html anda harus mencari kode a:hover dan kalau kode diatas ada banyak pilihlah kode
a:hover yang mirip dengan kode diatas. biasanya terletak di awal (yang pertama kali ditemukan kalau menggunakan kombinasi tonbol CTRL+F)


2. tulisan yang berwarna hijau merupakan kode warna dari garis bawah "berbeda pada tiap-tiap template"

3.
tulisan yang berwarna merah merupakan kode yang akan di ubah

0 komentar:

Posting Komentar