Membuat Link Hover Bergaris Atas Dan Bawah Otomatis Pada Blog

Garis biasanya dipakai untuk sebuah tanda, ternyata garis sanggup juga anda buat di link blog anda intuk mengambarkan bahwah text tersebut terdapat link aktif yang sanggup menuju kehalaman lainnya. Membuat garis pada link di Blog merupakan salah satu pernak-pernik blog untuk menambah mempercantik blog.

Untuk menciptakan Line atau garis pada link, cukup gampang kok teman hanya sedikit penambahan pada isyarat CSS, berikut langkah-langkahnya :

1. Login ke akun blogger
2. Pilih Template ==> klik Edit html
3. Dengan memakai Ctrl+F anda cari kode ]]></b:skin>
4. Kemudian cari isyarat a:hover{

After :

a:hover {
  color:#7FB7FD;
  -moz-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
}

4. Jika sudah anda sisipkan isyarat text-decoration:underline;

Before :

a:hover {
  color:#7FB7FD;
  -moz-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
text-decoration:underline;
}

Penjelasan :
>> text-decoration:underline; untuk link garis bawah, bila anda ingin mengganti dengan garis atas anda ganti dengan text-decoration:overline;
>> color:#7FB7FD; yaitu pengaturan warna liuk
>> Pada setiap template Blog kode a:hover berbeda-beda anda coba saja pada isyarat yang terdapat isyarat a:hover

Sekian trik dan tips sederhana dari saya Membuat Link Hover Bergaris Atas dan Bawah Otomatis Pada Blog, agar bermanfaat!
Sumber http://www.websiteedukasi.com/