Tutorial Membuat Efek Dashed Border Pada Saat Cursor Diarahkan Ke Link

Assalamu'alaikum. 

Tutor kali ini tentang cara membuat efek top&bottom border saat cursor diarahkan ke link. 

Penasaran gimana caranya? okay follow the steps ya:)

• Login Blogger → Template → Edit HTML
• Copy coding dibawah ini

a:hover {
color: #50b1c9;
border-top: 2px dashed  pink;
border-bottom: 2px dashed  pink;
}

Note!
          biru:  warna text saat cursor diarahkan
             hijau: jarak/lebar dashed border
             ungu: warna border saat cursor diarahkan

• Cari kode (CTRL+F) a:link atau a:visited , kemudian paste coding yang sudah dicopy tepat di atas/dibawah kode tersebut
• Preview → Save Template