Tutorial - Double Dashed Hover pada Link

Bagaimanakah cara untuk membuat Garisan putus-putus sebelah atas dan bawah link? atau Double Dashed Hover pada link? Double dashed hover ini digunakan untuk highlight link pada blog korang apa bila bersentuhan dengan mouse pointer. Ia menimbulkan efek istimewa garisan putus-putus di sebelah atas dan bawah link. Korang boleh lihat contoh dalam blog KhaiAngeL.com ni.

Ikuti Tutorial ni untuk mengetahui cara untuk membuat Double Dashed Hover Pada Link.

1. Ikut Langkah mudah ni
Login ke Dashboard > Template > Edit html > Proceed > Hit Expand Template Widgets

2. Cari kod di bawah ni, gunakan CTRL+F untuk mudahkan pencarian.

a:hover {

3. Kemudian Copy kod di bawah dan paste di Bawah kod yang korang cari tadi.

border-top: 2px dashed #333333;
border-bottom: 2px dashed #333333;

**Korang boleh tukarkan kod yang bewarna Kuning kepada kod warna yang korang nak.

4. Klik Save template. Siap!

Selamat mencuba dan semoga berjaya ^^

Senyum :D

Tags: Tutorial Blog, Tutorial Blog Double Dash Hover Pada Link, Tutorial Blog Melayu, Cara Buat Blog, Cara Bina Blog, Tutorial Blogspot, Tutorial Blogger