Tutorial : Double Dashed apabila Cursor Menyentuh Link .

|| Assalamualaikum ||

بسم الله الرحمن الرحيم

Dengan Nama Allah Yang Maha Pemurah Lagi Maha Mengasihani

Alhamdulillah , dah dua (2) hari kita berpuasa dan menyambut bulan ramadan . Semoga bulan ini kita akan banyak membuat amal jariah dan meraih pahala yang banyak . InshaaAllah , aamiin .

Baik , dah lama rasanya wani tak buat tutorial dekat blog ini . Kekangan masa membuat wani kurang sikit update blog , lagipun agak sibuk update buku baru di Dunia Iman Bookstore . Sesiapa yang berminat membaca dan membeli buku boleh ke website kami  .

Hari ini wani nak buat tutorial mengenai double dashed di link bila cursor menyentuh . Walaupun ada yang tahu , wani harap ia dapat membantu bagi yang tidak tahu  .

Okeyy , kita mulakan (:

---

Tutorial ini nampak menarik pada blog anda .

Sebelum

Selepas

Nampakkan perbezaannya . Mari kita mulakan ! 

 . Dashboard > Template > Edit HTML .

 . Tekan Ctrl + F  , cari code

a:hover 

 . Dah jumpa ? Baik , copy code dibawah dan pastekan di bawah code yang anda jumpa tadi .

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

 . Dah paste ? Ia akan jadi begini .

a:hover
border-top: 2px dashed #ff8fc1;
border-bottom: 2px dashed #ff8fc1;

|| Nota Warna ||

Ungu : Garisan Double , boleh tukar kepada dashed , solid , atau dotted .
Coklat : Warna garisan . Untuk kod warna boleh ke SINI .

 . Baik , selesai . Sekiranya menjadi Alhamdulillah  .


Terima kasih . Fi Rahmatillah (:

|| Terima kasih , Fi Hifzillah . Ilal LiQa'   ||