Cara Memberi Efek Pada Link Bila Disentuh Kursor

Oke sobat Gubuk Berbagi, posting tengah malam nih sobat, bagaimana kabar kalian semua, semoga baik-baik saja. Gubuk Berbagi kali ini akan kembali share tentang Blogging terutama bagian edit template atau tampilan Blog. Jika sebelumnya saya share tips yang hampir sama yaitu Cara Membuat Gambar Membesar Ketika Disentuh Kursor, maka kali ini saya akan share mengenai Cara Memberi Efek Pada link Yang Bila Disentuh Kursor.

Tentu kalian semua Sobat Blogger sudah tau maksud dari judul postingan diatas bukan, kalo belum tau tanyakan saja pada yang sudah tau ya, atau langsung praktekkan saja dan lihat hasilnya. Baiklah langsung saja saya jelaskan ke langkah-langkahnya :

1. Login ke akun Blogger sobat

2. Pilih Template > Edit HTML

3. Kemudian cari kode a:hover

4. Jika sudah ketemu sobat tinggal hapus dan ganti dengan efek-efek yang sobat inginkan, berikut contoh-contohnya :

Untuk Merubah Warna Link Saat Disentuh

Copy kode dibawah

a:hover{color:#383838;}

Sobat bisa mengganti warna sesuka hati pada kode warna tersebut

Cara Membuat Link Menjadi Tebal Bila Disentuh

Copy kode dibawah

a:hover{color:#383838;font-weight:bold;}

Cara Membuat Link Menjadi Miring Bila Disentuh

Copy kode dibawah

a:hover{color:#383838;font-style:italic;}

Cara Membuat Link Bergaris Bawah Bila Disentuh

Copy kode dibawah

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

Cara Membuat Ukuran Teks Lebih Besar Bila Disentuh

Copy kode dibawah

a:hover{color:#383838;font-size:24px;}

Sobat bisa mengganti ukuran sesuka sobat pada font sizenya

Atau Sobat Ingin Menggabungkan Semuanya

Copy kode dibawah

a:hover{color:#383838;font-size:24px;font-weight:bold;font-style:italic;text-decoration:underline;}

5. Jika sudah sobat ganti kodenya langsung saja simpan template dan lihat hasilnya di Blog Sobat

Okelah sobat, itulah yang bisa saya bagikan kepada sobat pengunjung setia Gubuk Berbagi ini. Sobat juga bisa memodifikasi sendiri efek yang ingin sobat buat, misalnya kombinasi tebal dengan miring, atau miring dengan garis bawah, silahkan berkreasi ya sobat Blogger semuanya. Terima Kasih...