Link Hover Dashed Underline

by - February 11, 2017

Di rumah, aku dapat laporan dari Aish, kalau Zahra req cara membuat link hover dashed underline seperti yang Aish punya. Caranya mudah sekali, lho. Silakan pakai bagi yang berminat. Preview berikut ini :

sebelum

sesudah

Steps : for Designer/Denim and Blogskin
1. Login blogger.com
2. Designer/Denim > Template > Edit HTML
3. Blogskin > Template
4. Caro kode ini : gunakan Ctrl + F untuk mempermudah percarian
a:link {
5. Copy kode di bawah ini dan paste setelah kode tersebut
text-decoration:none;
padding:1px;
border:1px solid transparent;
background: transparent;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
6. Belum selesai. Sekarang cari kode :
a:hover {
7. Lalu paste kode di bawah ini setelah kode tersebut
text-decoration:none;
border-bottom:1px dashed #aaa;
padding:1px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
background:transparent;
8. Kemudian klik Save Template. Kode yang shafia beri warna merah itu bisa kamu tukar dengan kode warna lainnya. Biasanya shafia mencari kode warna di sini.

You May Also Like

6 komentar