Membuat Link Membesar Saat Disentuh Cursor

Membuat Link Membesar Saat Disentuh Cursor - Membuat link membesar saat disentuh cursor atau kursor memang sangat mudah sekali, kita hanya perlu mengedit beberapa kode CSS setelah itu link akan bisa berubah menjadi besar saat diletakan mouse diatas link tersebut. Semua link yang ada pada blog bisa kita ubah menjadi membesar ketika disentus cursor atau kursor, tetapi bisa juga sebagian link yang ketika disentuh atau diletakkan cursor mouse diatasnya akan membesar, tergantung kita saat mengedit kode pada CSS, apakah semua kode CSS akan kita ubah atau hanya sebagian kode CSS saja yang akan kita ubah, mengenai CSS kode membuat link membesar ketika disentuh cursor ini sudah valid CSS3 jadi Anda tidak perlu kawatir.

Membuat link membesar ketika disentuh cursor akan membuat tampilan blog Anda lebih sedikit menarik dan cantik oleh karena itu blog Code-Share akan memberikan tutorial membuat link membesar saat disentuh cursor, bagi sobat Blogger semuanya bisa mencoba tutorial ini. Oke langsung saja bagi Anda yang ingin membuat link menjadi besar saat disentuh cursor silahkan baca tutorialnya dibawah ini :
1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode a:hover { atau a:hover{
Contoh hasilnya seperti ini :

a:hover {
color:#0D7BDF;
font-size:12px;
text-decoration:none;
display:block;
}

4. Ganti kode diatas menjadi seperti ini :

a:hover {
color:#0D7BDF;
font-size:18px;
text-decoration:none;
display:block;
}

5. Klik Simpan Template

Catatan :
- Kode 18px bisa Anda ganti menjadi lebih besar atau lebih kecil lagi.
- Kode #0D7BDF untuk warna link
- Jika ingin mengganti semua link agar membesar saat disentuh cursor, silahkan ganti semua kode a:hover dengan menambahkan nilai font-size.
- Jika tidak terdapat kode font-size pada a:hover silahkan tambahkan kode font-size:18px; pada bagian a:hover.
Sekian artikel mengenai Membuat Link Membesar Saat Disentuh Cursor. Kurang lebihnya mohon maaf.
Semoga Bermanfaat

Tweet